#right {.......filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}半透明,兼容各种浏览器
你图片上面要加文字的话只有用两个层重叠,一个文字,一个图片,其中一个层设置好position
<div style="width:200px; height:200px; overflow:hidden;">
<div style=" background:#000; width:200px; height:200px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;"> 图图图图图</div>
<div style="position: relative; margin-top:-200px; color:#FFF;"> 字</div> </div> 要点: overflow:hidden;position: relative; margin-top:-200px; 注意各容器的高宽
css样式设置图片半透明度,兼容各种浏览器
最新推荐文章于 2024-04-25 22:41:21 发布