Chrome CSS變換比例顯示問題

我收到了一些試圖使用變換比例CSS屬性的問題。Chrome CSS變換比例顯示問題

這裏是我的懸停CSS：

#pricing-table .pricing-column:not(.labels):hover { 
position: relative; 
z-index: 50; 
-webkit-transform: scale(1.02); 
-moz-transform: scale(1.02); 
-ms-transform: scale(1.02); 
-o-transform: scale(1.02); 
transform: scale(1.02); 
-webkit-box-shadow: 0 0 3px rgba(1, 1, 1, 0.3); 
-moz-box-shadow: 0 0 3px rgba(1, 1, 1, 0.3); 
box-shadow: 0 0 3px rgba(1, 1, 1, 0.3); }

這裏的結果，注意對一些列表項的怪異灰色邊框： Screenshot of issue

我已經與鍍鉻和CSS3轉換類似問題之前和從未能夠弄清楚如何解決它們。希望有任何見解！由於

這裏的現場演示： Demo Link

來源

2014-02-10 nmford

這是關於SCSS的問題，而不是CSS或CSS3。我編輯了標籤。 –

編輯我的帖子以包含由SCSS生成的CSS，並將標籤固定回CSS。 – nmford

令人驚歎的問題！它似乎是瀏覽器呈現問題。 –

U可以嘗試添加邊框。我檢查了你的代碼，這工作。

#pricing-table .pricing-column:not(.labels) li, 
#pricing-table .pricing-column:not(.labels):hover li { 
border: 1px solid #FFF; 
}

U可以使用第n個孩子，如果是困擾u到從第一李將其刪除。

#pricing-table .pricing-column:not(.labels):hover li:first-of-type { 
border: none; 
}

來源

2014-02-10 15:05:58

這_kind of_ works。它緩解了問題，但不需要的線仍然可見[截圖]（http://glui.me/?i=26pnqjq6rcv78fn/2014-02-10_at_10.10_AM.png/） – nmford

嘿，我tryed添加輪廓的1px固體#FFF，它刪除了那些小的「剩餘的」。在你的：第二個孩子（2）灰色的應用灰色（＃F7F7F7在你的情況）。我正在使用最新的鉻，現在看起來很脆:)。希望能幫助到你。 –

Chrome CSS變換比例顯示問題

回答

相關問題