需要幫助覆蓋CSS a：hover

-2

如果將鼠標懸停在此佈局的紅色「捐贈」按鈕上，您會看到佈局顯示爲假。 Chrome瀏覽器的Safari &比Firefox更糟糕。需要幫助覆蓋CSS a：hover

該鏈接可以工作，但由於nav-1元素上的CSS，該按鈕會切換到頁面上完全不同的位置。我不知道如何覆蓋這隻有紅色按鈕。

http://chadairhart.frmboy.com/

感謝您的幫助。傑森

來源

2011-06-23 Jason McArtor

認真的傢伙？你在尋求CSS的幫助，並且你給我們提供了一個帶有*縮小的CSS文件*的頁面的鏈接。你一定不會對獲得幫助感興趣。 – riwalk

你可以請張貼原始的相關代碼嗎？由於該問題現已在您的網站上解決，因此此問題不再有用。 – KatieK

可能重複的[導航按鈕在IE8中斷]（http://stackoverflow.com/questions/6448120/navigation-button-breaks-in-ie8） –

添加規則

position: absolute !important

到

<li id="menu-item-521" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-521">

來源

2011-06-23 20:38:42 kei

看起來像是固定它kei！非常感謝。我一直在使用這個論壇2天，並收到2個快速答案。向整個社區致敬。 –

+1以我沒有想到的方式修復。 –

從#nav-1 li, #nav-2 li與display: inline-block;替換float: left文件Dynamik此分鐘，4.css

來源

2011-06-23 20:40:05 gutierrezalex

內聯塊支持得不好。不是一個好的建議。 – riwalk

@ stargazer712，你試過了嗎？據我所知，IE6不支持它。傑森，你支持IE6嗎？ – gutierrezalex

在樣式表，刪除position， top和left從

#menu-item-521 { 
width: 180px; 
background: #FE2E0D; 
text-align: center; 
position: absolute; //REMOVE 
top: 0; //REMOVE 
right: 0; //REMOVE 
padding: 0; 
margin-left:110px; //ADD 
}

添加

margin-left:110px;左右。你可能想調整

來源

2011-06-23 20:44:05

那麼，這將解決a：懸停問題，但我想確保按鈕被推到最可能的右上角位置。 kei建議在問題上增加！重要規則。不過謝謝。 –

真@Jason。調整'margin'可以解決這個問題。但@kei有一個很好的解決方法。 –

需要幫助覆蓋CSS a：hover

回答

相關問題