CSS如何设置div背景透明样式的实例分析

来源：动视网责编：小采时间：2020-11-27 18:50:31

CSS如何设置div背景透明样式的实例分析

CSS如何设置div背景透明样式的实例分析:p背景透明样式：样式代码：.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-to

推荐度：

点击下载本文 文档为doc格式

导读CSS如何设置div背景透明样式的实例分析:p背景透明样式：样式代码：.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-to

p背景透明样式：

样式代码：

.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;}

使用方法：

<p class=”alert”>
背景透明
</p>

html代码：

<!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></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>
<p class="alert"><a href="http://www.100sucai.com">www.100sucai.com</a></p>
</body>
</html>

CSS如何设置div背景透明样式的实例分析

推荐度：

点击下载本文 文档为doc格式

标签：背景设置背景透明

热门焦点

CSS如何设置div背景透明样式的实例分析

CSS如何设置div背景透明样式的实例分析

CSS如何设置div背景透明样式的实例分析

最新推荐

猜你喜欢

热门推荐