
透明属性会被子元素继承,且无法覆盖,对设计细节要求高,想背景半透明而文字不透明有下面几个办法,自己取舍哪个合适:
如果愿意放弃ie低版本下的效果,用css3的rgba颜色模式,background: rgba(0,0,0,5);/最后这个5是表示透明度50%/
在ps里面做个有颜色的背景图,图层给一定的透明度,然后保存为web格式,选择png24格式可以带透明通道,然后p上面用这张背景图,缺点是多引入一张,且ie低版本不支持png的透明通道,为了修正ie低版本背景图不透明,你还得再添加个dd-pngjs之类的脚步来修正
html代码上做文章,麻烦点,但没上面两个办法的兼容问题:
<div>
<div class="bg"></div>
<p>Java</p>
</div>
外面div相对定位,里面div给宽高,加半透明,里面p绝对定位重叠到 class="bg" 的div上面去, p不是里面div的子元素就不会继承到透明属性
以上就是关于java, css,急啊,在线等! <div> <p><span>java</span></p>全部的内容,包括:java, css,急啊,在线等! <div> <p><span>java</span></p>、、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)