兼容各浏览器，背景透明，内容不透明

最新推荐文章于 2022-03-26 19:48:48 发布

VI7591

最新推荐文章于 2022-03-26 19:48:48 发布

阅读量98

点赞数

原文链接：http://www.cnblogs.com/doseoer/p/4007694.html

版权

[html] <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> body{ background:url(http://img3.cache.netease.com/photo/0001/2013-08-29/97F5UBE957KT0001.jpg) no-repeat;} li{ text-align:left; width:300px; height:100px; margin:0px auto; padding:20px 10px; color:#fff; background:rgba(5,13,9, 0.4) !important; filter:Alpha(opacity=40); background:#fff; font-size:12px;} li a{ position:relative;}/*实现IE文字不透明*/ </style> </head> <body> <ul class="waps"> <li class="con"><a>CSS实现背景透明，文字不透明（各浏览器兼容）CSS实现背景透明</a></li> <li class="con"><a>CSS实现背景透明，文字不透明（各浏览器兼容）CSS实现背景透明</a></li> </ul> </body> </html> [/html]

转载于:https://www.cnblogs.com/doseoer/p/4007694.html