亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

CSS的z-index實例代碼

  發(fā)布時間：2012-02-25 13:48:24   作者：佚名   我要評論
寫了個最簡單的DEMO，演示了3個DIV互相遮蓋的情況。記?。簔-index要配合position屬性才有效

效果圖：


全部代碼：

復制代碼
代碼如下:

<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>CSS z-index demo - Edi</title>
<script type="text/javascript" language="javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" language="javascript">
</script>
<style type="text/css">
*
{
margin: 0;
padding: 0;
}
.box
{
width: 256px;
padding: 5px;
border: 1px solid #000;
margin: 20px;
height: auto;
}
#box1
{
background-color: #F4F4F4;
}
#box2
{
background-color: #FFC;
position: relative;
z-index: 1;
margin-top: -80px;
margin-left: 50px;
}
#boxinbox
{
background-color: #F00;
position: relative;
z-index: 2;
margin-left: -20px;
width: 80px;
}
</style>
</head>
<body>
<div class="box" id="box1">
<div>Tasks</div>
<div>
SharePoint 2010客戶端開發(fā)身份驗證，如果開發(fā)客戶端運行的環(huán)境是在域環(huán)境中，
那么SharePoint是采取默認認證方式，如果不是域環(huán)境中的機器，那么就需要下面的認證方法。
<div id="boxinbox">HAHA</div>
</div>
</div>
<div class="box" id="box2">
<div>Defects</div>
<div>
開閉原則指的是一個軟件實體應對對擴展開發(fā)，對修改關閉
(Software entities should be open for extension, but closed for modification)。
這個原則是說在設計一個模塊的時候，應對使這個模塊可以在不被修改的前提下被擴展，
換言之，應對可以不必修改源代碼的情況下 改變這個模塊的行為。
</div>
</div>
</body>
</html>

相關文章

最新評論