返回上一页 网站空间不稳定对网站优化有很大的影响 网站开发公司资讯 如何设置QQ不需要加为好友即可交谈？

当前位置：首页 > 观点资讯 > 网站开发 > 详细内容

CSS实现背景透明，文字不透明（兼容各浏览器）

时间：22-03-23 浏览：559次 + 打印

CSS实现背景透明，文字不透明（兼容各浏览器）

在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点除外）内设置position:relative才能不继承其父元素的透明滤镜，代码如下：         小宇宙网站建设 - www.zncas.com  .warp{ background:#eee url(back.jpg) no-repeat left top; width:440px;height:400px;    border:1px solid #ccc;} .content { width:180px; height:260px; margin:0px auto; padding:30px 30px;background:rgba(255, 255, 255, 0.6)!important; filter:Alpha(opacity=60); background:#fff; /* 使用IE专属滤镜实现IE背景透明*/ } .content p{ position:relative;} /*实现IE文字不透明*/         

小宇宙专注于高品质视觉体验及互联网设计开发，从事网站设计及开发、移动界面设计及开发、软件界面设计、品牌形象策划及VI体系。我们坚信“设计提升品质”的理念，秉承国际化创作视野，累计为数百个用户提供服务，积累了丰富的专业经验与核心技术。我们的优势在于勃然迸发的创意理念以及创造高效精准的客户回报。

 
      以上代码在IE6.0+/FF3.0+/Opera10+/Chrome/Safari 均测试通过
网站建设公司项目经理

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音
解答：网站优化、网站建设、APP开发、小程序开发

如有侵权需要删除文章请联系我

南京小宇宙（www.zncas.com）是一家以提供网站建设、网站优化、APP开发、小程序开发、网络营销推广为主的互联网开发公司。以客户需求为导向，客户利益为出发点，结合自身设计及专业建站优势，为客户提供从基础建设到营销推广的一整套解决方案，探索并实现客户商业价值较大化，为所有谋求长远发展的企业贡献全部力量。

上一篇：网站空间不稳定对网站优化有很大的影响

下一篇：如何设置QQ不需要加为好友即可交谈？

我们的服务
热点新闻
推荐设计
推荐方案
热搜关键词

Learn more

关于我们 专业网站设计制作

Learn more

服务项目 南京网站建设
H5网站设计 响应式网站设计 H5网站设计
Copyright © zncas.com. All Rights Reserved 网站地图 苏ICP备2021040126号-1
获取网站设计、app开发、VI设计报价 微信客服 返回顶部
网站制作
扫二维码与项目经理沟通
×

Let\'s get in touch!,login get more service.

我们将艺术与技术相结合，用创意和设计为客户创造商业价值，创造优秀的产品及服务体验！登陆之后可以获得更多的私人定制服务

项目合作

cooperation

服务理念

service idea

注册登陆

login

sitemap.txt sitemap.xml sitemap.htm 网站设计制作