css在灰色透明的背景下,如何才能使上面的字的颜色为白色?

html-css05

css在灰色透明的背景下,如何才能使上面的字的颜色为白色?,第1张

透明背景不是元素透明度,只有设置了元素的透明度才会出现字体也会透明,所以颜色无论设为哪一种色彩都不是理想的。

常用灰色背景透明正确方法:

1.

设置背景透明样式

.bg{

background-color:

rgba(255,255,255,.5)

},但是不支持ie低版本浏览器(ie8及以下);

2.

设置背景图片为半透明png图片.bg{

background-image:url(touming.png)},兼容性较好,但是ie6浏览器下需要引用‘ie6下png图片透明插件’(例如:DD_belatedPNG)。但是微软已经宣布淘汰ie6浏览器,ie6已不再成为兼容调节的主流。

1、新建html文档,在body标签中添加一个img标签,这时默认情况下图片是不透明的:

2、在head标签中添加style标签,在style标签中为img标签设置透明度样式,其中三个属性是为了兼容不同浏览器:

3、刷新浏览器中的页面,这时可以发现浏览器中图片的透明度改变了,透明度的范围是0-1,0表示完全透明,1表示不透明: