700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 关于设置背景图片的透明度(html+css)

关于设置背景图片的透明度(html+css)

时间:2019-06-21 02:38:02

相关推荐

关于设置背景图片的透明度(html+css)

.3.22

设置背景图片的透明度,而不是颜色这种,是图片显示

这个就跟某些博客能够换背景图片当主题一样的道理,看了好久终于搞清楚了

<body>里面是不能直接设置图片的透明度的

需要借助<div>

<style type="text/css">.bodystyle{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;width:100%;position:absolute;background:url(图像/8.JPG) ; background-attachment:fixed;}</style>

需要在之前就写好,用类的方法表示。

<body ><div class="bodystyle"></div></body>

然后在div中引用这个类,就可以实现图片透明度设置

但是这样也有问题,如果中间有文本存在的话就会也变为透明字体,而且要当背景图片的话就需要将文本放入两个<div>中间

所以需要在css中设置文本的字体透明度

opacity: 1;

即可

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。