css problem

[movix]

I followed this thread with great attention because i also spent a lot of time among this problem.

I also found no CSS solution, neither by trying myself nor on searching the web.
Since all major browsers nowadays support transparent PNGs i went over to this solution.

[greenday2k]

The real CSS solution is with background-color:rgba(0,0,0,0.5); The problem using Opacity is that it sets the opacity value for an element and all of its children;

So the hack using !important, or using a different value on its child element is useless.

The PNG solution is valid, but only as a fallback ( as it costs an extra HTTP request) for old browsers (Internet Explorer 8,7).

Code::

background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#5000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#5000000); zoom: 1; background-color:rgba(0,0,0,0.5);