2013-10-03 32 views
0
.bookmarkmenu 
{ 
    position:fixed; 
    background-color:#ff4b4b; 
    height:60px; 
    width:100px; 
    z-index:15; 
    left:0px; 
    cursor:pointer; 
    overflow:hidden; 
} 
.bookmarkmenu:hover 
{ 
    background-color:#ff4b4b; 
    height:60px; 
    width:140px; 
} 

#bookmark_element 
{ 
    top:80px; 
} 


<div class="bookmarkmenu" id="bookmark_element"> 
    All 
</div> 

它是一個超過其他元素的頁面左側。它適用於Chrome和Firefox,但不適用於IE。它把它們放在頁面的末尾。懸停也不起作用...這在IE中有什麼問題?

+2

恩,哪個IE,確切地說? –

回答

2

如果你在IE7或更高版本,position:fixed是無效的。 http://caniuse.com/#feat=css-fixed

此外,在較新版本的IE中,您必須指定<!doctype html>

+0

如果你在IE7或更高版本,你應該被禁止上網:P – Martijn

+0

@Martijn這很有趣,來自某個網​​站仍然支持IE6的人。對不起主題。 – Halcyon

+0

我不是。現在是第十。問題在於我忘了在開始時放入<!DOCTYPE html>。 – Tigran

1

我忘了把

DOCTYPE HTML

開頭。它現在工作。

+0

您可以編輯主題本身 –