2010-02-08 70 views
1

編輯:發現這種情況發生,即使Cufon甚至沒有應用!編輯2:我的不好,看起來像Cufon正在創造無窮無盡的完美。 但是,刪除用Cufon替換菜單包裝器字體樣式的行仍然會導致行爲不穩定。因此,將cufon應用到列表本身似乎沒有任何關係。您好,我正在使用Cufon將自定義字體「嵌入」到我的網站。這個字體在主菜單上使用,我遇到了一個錯誤或者設置高度,填充或任何li:hover讓IE變慢的問題。我不知道爲什麼會發生這種情況,但是當我從li:hover中移除該屬性時問題消失。它在Firefox中正常工作。與li緩慢的行爲:懸停Cufon

所以我的問題是,有沒有解決這個問題的另一種方法?

我基本上試圖做的是定位li:hover,因爲它有一個背景。我想將它向底部傾斜幾個像素。

我的CSS是這樣的:

 
    #menuwrapper { 
float:right; 
margin-top:10px; 
height: 65px; 
} 

.menuwrapper li { 
float:right; 
list-style: none; 
margin-top:10px; 
padding-top:18px; 
padding-left: 23px; 
padding-right: 23px; 
height:23px; 
} 

.menuwrapper a{ 
font-family:georgia; 
font-size:22px; 
color:#ebebeb; 
text-decoration:none; 
} 

.menuwrapper li:hover { 
background-image: url(img/MenuHover.png); 
padding-bottom:6px; 
} 

回答

0

無法明白你的意思究竟是什麼,但你想要得到它低一點在底部,那麼你可以做你說,隨着邊距 css屬性。

margin-top:10px; /* down it by 10 pixels */ 
+0

是的,但是這會導致li:hover的呆滯行爲。 事實上,設置任何填充,邊距,高度或寬度屬性似乎會導致放緩。即使我還沒有將Cufon應用到列表本身。只要Cufon在頁面上,每一個li:懸停項目都有什麼遲鈍的行爲。很奇怪。 – 2010-02-08 07:38:33

0

只要躺下這一死我猜。像現在一樣無處可逃。