模糊導航欄當滾動時

當滾動時，我成功地將我的導航欄固定在我的網頁頂部，但不知何故，當它通過某些div（主要是滑塊）時會變得模糊。有人可以幫我一下嗎？模糊導航欄當滾動時

http://www.clinicajardinsbenfica.pt/new.html

提前感謝！

編輯：它似乎只是與鉻的問題。不知道爲什麼。

EDIT2：這裏是有問題的一個videoscreenshot http://www.screenr.com/mVEH

來源

2013-10-25 biip

它看起來像它的渲染再次..有趣！ – Pogrindis

Chrome在渲染固定元素時存在一些問題。

你應該開始添加follwing到您的固定元素（S）：

-webkit-backface-visibility: hidden; 

-webkit-transform: translateZ(0) scale(1.0, 1.0);

translateZ(0)可以用來解決許多鍍鉻的錯誤。

如果這樣不起作用，請確保固定元素的容器內沒有元素，其opacity的值爲0。如果是這樣確保他們也有display:none;

如果你還沒有得到結果，請確保您已經執行以下操作：

html,body { 
    height:100%; 
    overflow:auto 
}

目前仍處於chromium一個開放的bug問題。

來源

2013-10-25 13:16:29 enyce12

剛做，它似乎並沒有工作.. – biip

您使用哪個平臺？蘋果機/ Windows的？哪個Chrome版本？ – enyce12

Windows 8. Chrome版本30.0.1599.101 m。您在複製問題時遇到問題嗎？ – biip

如果你談論的是一個破碎的背景的低於虛線邊框然後添加如下CSS來解決這個問題

#nav li a { 
    background-attachment: scroll; 
    background-clip: border-box; 
    background-color: rgba(0, 0, 0, 0); 
    background-image: none !important; 
    background-origin: padding-box; 
    background-position: 0 0; 
    background-repeat: repeat-x; 
    background-size: auto auto; 
    float: left; 
    font-family: GothamHTF-Medium; 
    font-size: 17px; 
    padding: 22px 0.85em 16px; 
}

難道你是什麼尋找？

來源

2013-10-25 12:40:25

似乎沒有做任何事情...... – nirazul

確切地說，問題仍然存在 – biip

您是否在談論那個虛線邊界下方的破碎背景？ –

將此CSS添加到您的導航中。

#nav{ 
-webkit-backface-visibility: hidden; 
}

來源

2013-10-25 13:22:09 Nobita

只是改變了它的ftp，但仍然不適用於我，不幸的是， – biip

模糊導航欄當滾動時

回答

相關問題