Home >Web Front-end >HTML Tutorial >CSS makes div background transparent
CSS makes div background transparent
- WBOYOriginal
- 2016-10-10 11:41:001116browse
div background transparent style:
Style code:
.alert{filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */
opacity: 1.0; height:300px; width:500px; background:#ccc; left:50%; top:50%;margin-top:-150px;margin-left:-250px;position:absolute;z-index: 99; text-align:center; padding:20px;}
How to use:
Transparent background
html code:
<!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=utf-8" />
<title><span style="color: #333333;"><span style="color: #333333;">100素材网</span></span></title>
<style type="text/css">
.alert
{filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */ opacity: 1.0; height:300px; width:500px; background:#ccc; left:50%; top:50%;margin-top:-150px;margin-left:
-250px;position:absolute;z-index:99; text-align:center; padding:20px}
</style>
</head>
<body>
<div class="alert"><span style="color: #333333;"><span style="color: #333333;">100素材网</span></span></div>
</body>
</html>
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：The difference between clientX, pageX, offsetX and screenXNext article：The difference between clientX, pageX, offsetX and screenX