在Chrome

更新一個奇怪的渲染錯誤

如果你第一次加載the page和這個錯誤不會發生，在Chrome

點擊它再次引導您的主頁和錯誤很可能會出現。（令人討厭的是，幾乎每次我從其他頁面返回主頁時，都會出現此錯誤。）

我使用的是Chrome 24.0.1312.57。

Chrome的一貫支持CSS3最大的瀏覽器之一。當我遇到類似錯誤的她的怪異行爲時，我非常失望。

我手工製作了一些simple circular buttons with CSS3 and jQuery。（我沒有去純Javascript，因爲我自己懶得從事交叉瀏覽器的兼容性。）

一個按鈕基本上由一個包含兩個子部門的部門和一個子部門組成，另外還包含另一個子部門。他們都是觸發窗口疊加的錨點：

<a><div class="archbox smaller"><div class="archfacebook"></div> 
<div class="archrollerx"><div class="archfacebook below2"></div></div></div></a>

錨風格簡約到flow:right，這是外部的分工是怎樣的風格：

-webkit-border-radius: 22px; 
border-radius: 22px; 
height: width: 44px; 
height: 44px; 
overflow: hidden; 
border: 1px #FFF solid; 
position: relative;

如果一切正常，這是他們將如何看待休息階段：

enter image description here

但有時當我加載的頁面，出現這種情況：

enter image description here

但按鈕被鼠標懸停後，再次轉向正常。（就好像你剛剛告訴Chrome那裏有一個bug。）

它正常運行了一段時間，但過了一段時間，它又一次發生了。

，有時給鼠標懸停時，額外的邊界：

enter image description here

這真是一個奇怪的現象，因爲它不像是裝出現每次頁面運行時錯誤。有時會發生，有時卻不會。所以我覺得有必要解決它。

起初我還以爲有與邊框一些bug，所以我加了這一點：

border:1px #FFF solid!important;

正常，懸停，並參觀了按鈕的狀態。但它沒有解決問題;它仍然每隔一段時間都會發生。我真的很沮喪。經過一段時間的思考後，我終於意識到實際上存在一個位移錯誤：Chrome似乎傾向於在Twitter和Google plus按鈕後面再次「下意識地」顯示Twitter按鈕，給人錯覺他們有邊界。我不知道如何阻止Chrome以這種方式行事。

有沒有人遇到過同樣的問題？我該怎麼做，這樣纔不會發生？

我試過Firefox和Safari，而我還沒有遇到過這個問題。

來源

2013-02-05 Archy Wilhes 魏何

當談到CSS（無論是CSS2.1還是CSS3）時，Chrome中充滿了迴歸。你已被警告:) – BoltClock

我認爲這是有史以來最好的瀏覽器.. –

所有的瀏覽器吸自己的特殊方式... –

UPDATE：

<a class="con archtwitterx" href="https://twitter.com/intent/tweet?text=+check+this+article+ out&amp;url=http%3A%2F/www.arch0-0.com/2013/02/why-i-chose-to-drop-out.html" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=800');return false;" target="_parent" style=" 
    border: 0; 
">

風格= 「邊界：0;」在固定它

outline: 0;

可能做的伎倆。但我的猜測是在邊界上。

來源

2013-02-05 06:59:20

我試過了，它沒有工作。 –

你可以把你的代碼放在小提琴上嗎，所以我可以玩它並試圖幫助你嗎？ http://jsfiddle.net/ –

我不認爲jsfiddle.net會在這種情況下提供解決方案。這不是一個普通的CSS3或Js錯誤。 –

我重載了多次頁面，也使用了隱私瀏覽功能來避免被緩存，沒有遇到過這個bug。 Google Chrome 24.0.1312.57米，Windows 7 Ultimate 64b。

您的Google Chrome可能會從緩存中加載一些資源嗎？

來源

2013-02-06 18:14:10 TheDeadLike

這很奇怪。清理緩存後，它仍然會出現。但是當我使用隱私瀏覽時，我不會遇到這個錯誤。我想我需要和我的朋友一起做一個調查，看看他們中的任何一個人是否經歷過我經歷過的同樣的事情。 –

+1我認爲我們正朝着正確的方向前進。很可能是一個奇怪的緩存錯誤。 –

您可能想檢查是否有任何緩存存在;點擊谷歌瀏覽器的開發者工具，並切換到網絡標籤，然後加載您的網站看看哪些是從緩存加載。 – TheDeadLike

更新一個奇怪的渲染錯誤

回答

相關問題