丰满熟女人妻大乳添私密,亚洲欧美一区二区三区国产精图文,又紧又爽又深精品一区二区

大家在寫div css的時候經(jīng)常會用到彈出層，由于IE6的bug ，所以當使用多個標簽重復寫彈出層的時候會遇到后面的層壓在了彈出層的上面，這種問題在火狐瀏覽器下可以用z-index來解決，但是在IE6下面是不起作用的，下面的代碼給大家提供了一種此類問題的解決辦法，原理如下:用Jquery給彈出層的z軸依次增加高度.代碼很簡單，效果很顯著，吼吼！
復制代碼代碼如下:
!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
.box { width:800px; margin:10px auto; background:#f1f1f1; z-index:0; padding:10px;display:inline-table; text-align:center;}
.box ul li { width:150px; height:150px; float:left; border:solid 1px #ccc; background:#CCFF99; margin:10px; position:relative; list-style:none;}
.box ul li .layer { position:absolute; left:150px; top:0; width:120px; height:100px; background:#000; color:#fff; z-index:99999;}
/style
script src="/images/defaultpic.gif"/script
/head
body
div class="box"
ul id="boxcotent"
lia 測試新聞標題一/a
div class="layer" style=" display:none;"
a 這里顯示彈出層/a
/div
/li
lia 測試新聞標題一/a
div class="layer" style=" display:none;"
a 這里顯示彈出層/a
/div
/li
lia 測試新聞標題一/a
div class="layer" style=" display:none;"
a 這里顯示彈出層/a
/div
/li
lia 測試新聞標題一/a
div class="layer" style=" display:none;"
a 這里顯示彈出層/a
/div
/li
lia 測試新聞標題一/a
div class="layer" style=" display:none;"
a 這里顯示彈出層/a
/div
/li
lia 測試新聞標題一/a
div class="layer" style=" display:none;"
a 這里顯示彈出層/a
/div
/li
lia 測試新聞標題一/a
div class="layer" style=" display:none;"
a 這里顯示彈出層/a
/div
/li
/ul
/div
script type="text/javascript"
for(var i = 0; i$(".box li").length;i){
var j = 10000-i
$(".box li").eq(i).css("z-index",j);
}
$("#boxcotent li").hover(function(){
$(this).children(".layer").show();},function(){$(this).children(".layer").hide();}
);
$("#boxcotent li").hover(function(){
$(this).addClass("s");},function(){$(this).removeClass("s");}
);
/script
/body
/html
以上JS代碼需要引入jquery-1.3.2.min.js文件
關(guān)鍵JS代碼
for(var i = 0; i$(".box li").length;i){
var j = 10000-i
$(".box li").eq(i).css("z-index",j);
}
您可能感興趣的文章:javascript鼠標滑過顯示二級菜單特效JS實現(xiàn)鼠標滑過鏈接改變網(wǎng)頁背景顏色的方法JS實現(xiàn)鼠標滑過折疊與展開菜單效果代碼JavaScript實現(xiàn)鼠標滑過圖片變換效果的方法js鼠標滑過圖片震動特效的方法當鼠標滑過文本框自動選中輸入框內(nèi)容的JS代碼分享JS鼠標滑過圖片時切換圖片實現(xiàn)思路JS實現(xiàn)表單中checkbox對勾選中增加邊框顯示效果jsp中使用frameset框架邊框固定不讓更改邊框的大小JS實現(xiàn)鼠標滑過顯示邊框的菜單效果

js鼠標滑過彈出層的定位IE6bug解決辦法

推薦閱讀

咸陽有多少個縣乾縣有多少人口

手機怎么關(guān)閉省電模式蘋果手機怎么關(guān)閉省電模式

淺字開頭的詞語

折疊電水壺燒水健康嗎

商標初審公告期被異議該如何解決

沒有活動目錄的組策略

河南周口今日水泥價格最新行情

購銷合同樣本購銷合同范本介紹

夢見死人摸自己夢見死人摸自己是什么意思

菲閣是什么檔次品牌

怎么判斷海螺是不是活的

劉燁賣房子老頭買一層是第幾集

將復何及的及什么意思

咪咪是啥

老款翻蓋手機游戲合集,三星老款翻蓋手機游戲

江西省撫州市有沒有高鐵站，江西撫州南城屬于什么方向