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

[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]

你可能感兴趣的:(浏览器)