<!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" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>Document</title><style type="text/css">? ? ? ? #con {? ? ? ? ?width: 730px;? ? ? ? ?height: 320px;? ? ? ? ?background: green;? ? ? ? ?z-index: -1;? ? ? ? }? ? ? ? #con span{? ? ? ? ?display: block;? ? ? ? ?width: 20px;? ? ? ? ?height: 20px;? ? ? ? ?background: white;? ? ? ? ?margin-left: 20px;? ? ? ? ?float: left;? ? ? ? ?margin-top: 250px;? ? ? ? ?border-radius: 100%;? ? ? ? ?z-index: 100;? ? ? ? }? ? ? ? #con .num_one{? ? ? ? ?margin-left: 100px;? ? ? ? }? ? ? ? #con ul{? ? ? ? ?list-style: none;? ? ? ? ?position: relative;? ? ? ? ?z-index: ?1;? ? ? ? }? ? ? ? #con ul li{? ? ? ? ?display:inline-block;? ? ? ? ?width: 728px;? ? ? ? ?height: 310px;? ? ? ? ?float: left;? ? ? ? ?position: absolute;? ? ? ? ?top:2px;? ? ? ? ?left: 2px;? ? ? ? ?? ? ? ? }</style><script type="text/javascript">? ? ? ? ?window.onload=function(){? ? ? ? ? var oDiv=document.getElementById('con');? ? ? ? ? var aSpan=oDiv.getElementsByTagName('span');? ? ? ? ? aSpan[0].onclick=function(){? ? ? ? ? alert('dfd');? ? ? ? ? };? ? ? ? ?};</script></head><body><div id="con"><ul><li><img src="../img/1.jpg"/></li><li><img src="../img/2.jpg"/></li><li><img src="../img/3.jpg"/></li><li><img src="../img/4.jpg"/></li><li><img src="../img/5.jpg"/></li><li><img src="../img/6.jpg"/></li></ul><span></span><span></span><span></span><span></span><span></span><span></span></div></body></html>
2 回答
已采納

LeingK
TA貢獻1條經驗 獲得超3個贊
用z-index要注意很多問題,一般熟悉的元素可以先去w3school看下用法,請注意最后一點
然后在這個基礎上再加一點,父元素的z-index值會影響子元素
- 2 回答
- 0 關注
- 3558 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消