亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么我設置的z-index不可以讓span這個標簽在li上面呢?

為什么我設置的z-index不可以讓span這個標簽在li上面呢?

qq_小柯_1 2016-03-09 10:13:46
<!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看下用法,請注意最后一點

http://img1.sycdn.imooc.com//56df8b3f0001543f05750124.jpg

然后在這個基礎上再加一點,父元素的z-index值會影響子元素

查看完整回答
3 反對 回復 2016-03-09
  • qq_小柯_1
    qq_小柯_1
    恩,我添上position:absolute后,z-index就起效果了
?
幕布斯6393831

TA貢獻111條經驗 獲得超40個贊

加上定位,z-index值寫大

查看完整回答
1 反對 回復 2016-03-09
  • 2 回答
  • 0 關注
  • 3558 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號