CSS Создайте прозрачный div

Есть ли способ сделать элемент div div полупрозрачным?

    Используя фоновый PNG-файл, который является наполовину прозрачным и надеется, что вам не нужно поддерживать IE6?

    С CSS это кросс-браузерное решение

    div { opacity: 0.5; filter: alpha(opacity = 0.5); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5); } 

    Это будет работать с каждым браузером

     div { -khtml-opacity:.50; -moz-opacity:.50; -ms-filter:”alpha(opacity=50)”; filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5); opacity:.50; } 

    Если вы не хотите, чтобы прозрачность влияла на весь контейнер и его детей, проверьте это временное решение http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/

    Если вы хотите, чтобы фон вашего div полупрозрачный, а не какой-либо текст и элементы внутри него, вы можете просто установить цвет фона на прозрачный (т.е. с альфой <1).

    Например, на нашем веб-сайте приведен пример:

       Transparency test    

    normal text

    nontransparent

    normal text