How to make css background transparent and text opaque_html/css_WEB-ITnose

Find a way to make the background image transparent and the text opaque. It is best compatible with various browsers.

There are currently two types known. Test browser chrome ie11
Method 1 (most satisfactory so far, but does not support images)
background:rgba(255,255,255,0.5) !important;
Both support
Method 2 (span in div Medium)
div{
filter:alpha(opacity=20);
opacity:0.2;,
}
span{
position:absolute;
}
IE11 supports it, chrome does not support it! !

Reply to discussion (solution)

Just make the background image itself into a translucent png format

It is necessary to divide the work

One layer to make the background transparent
One layer to display the text

Then put the two layers inside a div

http://leegorous. net/tools/bg-alpha.html
Use this tool to generate compatible code. Advanced browsers use alpha transparency, and IE uses filter transparency.

Just make the background image itself into a translucent png format.

http://leegorous.net/tools/bg-alpha.html
Use this tool to generate compatible code. Advanced browsers use alpha transparency, and IE uses filter transparency.