css background属性问题

yangsuqing_24 2011-04-26 10:29:36

请问css background属性设transparent有什么作用？详细点，谢谢！

...全文

99 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

乌镇程序员 2011-04-26

打赏
举报

<!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>

</head>



<body>

<style type="text/css">

div { position:absolute; width:400px; height:400px; }

</style>

<div style="background-color:#000; top:0; left:0;  border:1px solid #900; color:#FFF;">我的背景色是黑色</div>

<div style="background-color:#9C0; top:200px; left:50px; border:1px solid #EEE; color:#FC0;">我的背景色是浅绿色</div>

<div style="background-color:transparent; top:100px; left:100px; border:1px solid #06F; color:#CCC">我的背景色是透明的</div>

</body>

</html>

乌镇程序员 2011-04-26

打赏
举报

设置背景颜色为透明，写了一个例子，看一下就明白：

<!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>

</head>



<body>

<style type="text/css">

div { position:absolute; width:400px; height:400px; }

</style>

<div style="background-color:#000; top:0; left:0;  border:1px solid #900;"></div>

<div style="background-color:#9C0; top:200px; left:50px; border:1px solid #EEE;"></div>

<div style="background-color:transparent; top:100px; left:100px; border:1px solid #06F;"></div>

</body>

</html>