Как сделать прозрачный фон без фонового изображения?
Я хотел бы a div иметь прозрачный фон.
Я пытался сделать это использование background-color и opacity, но проблема состоит в том, что граница и текст внутри становятся также прозрачными. Пример здесь.
Действительно ли это возможно достигнуть этого, не используя прозрачное фоновое изображение PNG?
2 ответа
Если вы хотите, чтобы прозрачным был только цвет фона, а не дочернего содержимого, используйте
background-color: rgba(0,0,0,0,.5); // Устанавливает 50% прозрачности
Подробнее смотрите на этой странице - это спецификация css3, поэтому она не будет отображаться во всех браузерах:
Да.
Установить
background-color: transparent;
и не используйте opacity, поскольку именно это делает полупрозрачным весь div...
обновил ваш пример на http://jsfiddle.net/eU7By/1/
UPDATE после комментариев
вы можете использовать rgba для background-color, как упоминает @DHuntrods. IE, конечно, нуждается в доработке... http://leaverou.me/2009/02/bulletproof-cross-browser-rgba-backgrounds/