2012-07-29 40 views
3

這裏拉昇是cuplrit:http://www.franzsarmiento.com/contact_information.jsp鏈接是導致文本在Opera

我使用HTML5的樣板,由於某種原因在Opera,當我將鼠標懸停上面的鏈接,文字向上移動。我沒有:爲這些鏈接懸停CSS。這個問題只發生在Opera中,我檢查了所有其他瀏覽器。我在Opera 11和12上測試了它。

+0

似乎在Opera中工作正常12.00 – elclanrs 2012-07-29 03:09:02

+0

@elclanrs當您第一次懸停鏈接時,正文文本向上移動了大約2個像素。 – 2012-07-29 03:10:42

+0

是的Fabricio,這正是我的問題是 – Franz 2012-07-29 03:14:33

回答

0

它似乎來自於css的第19行的a:hover, a:active { outline: 0 }。該頁面在頁面加載時具有3px的輪廓,然後在懸停時變爲0px。您可以從該規則中移除a:hover,或將相同規則添加到錨標記a { outline: 0 },或將其更改爲您希望發生的任何行爲:hover和:active。

+0

但是,該行代碼來自HTML5 Boilerplate。不會破壞一些其他的東西? – Franz 2012-07-29 09:34:22

+0

根據您選擇的內容,它會更改頁面輪廓的行爲。再看看你的網站,這個問題也可能來自你的CSS代碼'#main-wrapper {overflow:auto}',你有什麼理由在這裏使用這個規則嗎? – jungy 2012-07-30 03:14:26