本文要介绍的是CSS 背景透明而文字不透明的效果,本实现方法支持多个浏览器,包括:IE、Firefox、Chrome、Opera 等。
实例代码如下:
<html> <title>透明 - Liehuo.Net</title> <head> <style> #container { color: #154BA0; background: #ff0000; filter: Alpha(Opacity=10, Style=0); opacity: 0.10; position: absolute; height: 200px; width:500px; z-index:20; } #text { position: absolute; height: 200px; width:500px; text-align:center; z-index:30; } </style> </head> <body > <div id="container"></div> <div id="text">背景半透明但文字不透明</div> </body> </html> |