[問題] 關於ie7圖片連結怪異
以下是大概的版面
http://www.foreign.nkfust.edu.tw/foreign/foreign/
我想請教的是當我用ie7以外的瀏覽器觀看時(firefox ie6 8 9 chrome)
右邊的選單(最新消息 校內活動 校外活動)皆可以正常點選
但是ie7只有在滑鼠移到border-top的地方才可以點選(正常點選是在box內皆可以點選..)
抓bug抓好幾天了
想請教大家我是不是哪裡寫錯了呢?
以下是CSS程式碼
tabMenu是選單的id
ul#tabMenu{
margin-top:5px;
margin-bottom:0px;
margin-left:0px;
padding:0;
width:408px;
height:1px;
list-style: none;
}
ul#tabMenu li{
float:left;
height:20px;
width:135px;
padding-left:1px;
}
ul#tabMenu li a{
text-indent:-9999px;
display:block;
width:135px;
height:20px;
background-repeat:no-repeat;
}
/*頁籤按鈕被選取時的設定*/
ul#tabMenu li#tab1 a.tabOn{
background-image:url(../images/news.gif);
background-position:0 -50px;
height:20px;
}
ul#tabMenu li#tab2 a.tabOn{
background-image:url(../images/news2.gif);
background-position:0 -50px;
height:20px;
}
ul#tabMenu li#tab3 a.tabOn{
background-image:url(../images/news3.gif);
background-position:0 -50px;
height:20px;
}
/*頁籤按鈕一般狀態的設定*/
ul#tabMenu li#tab1 a.tabOff{
background-image:url(../images/news.gif);
}
ul#tabMenu li#tab2 a.tabOff{
background-image:url(../images/news2.gif);
}
ul#tabMenu li#tab3 a.tabOff{
background-image:url(../images/news3.gif);
}
/*頁籤按鈕一般狀態下滑鼠滑過的設定*/
ul#tabMenu li#tab1 a.tabOff:hover{
background-position:0 -25px;
}
ul#tabMenu li#tab2 a.tabOff:hover{
background-position:0 -25px;
}
ul#tabMenu li#tab3 a.tabOff:hover{
background-position:0 -25px;
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.35.190.36
→
06/14 09:00, , 1F
06/14 09:00, 1F
→
06/14 23:16, , 2F
06/14 23:16, 2F