背景透明 文字不透明
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>背景透明 文字不透明</title><style>/*CSS*/*{ padding:0px; margin:0px;}.waps{ background:url(http://dl.iteye.com/upload/attachment/462924/a25a3dad-7460-3676-b9d3-1b85d018f92e.jpg) no-repeat; color:#FFF; }.con{width:500px; height:400px; padding:20px;background:rgba(177, 11, 97, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=50); background:#b10b61;/*实现IE背景透明*/}.con p{ position:relative;}/*实现IE文字不透明*/</style></head><body><div class="waps"><div class="con"><p>CSS实现背景透明，文字不透明（各浏览器兼容）CSS实现背景透明 </p></div></div></body></html>
页:
[1]