溢出隱藏在歌劇中

溢出隱藏對Opera不起作用。圖像位於圓圈的頂部。任何想法如何解決這個問題？溢出隱藏在歌劇中

<div class='circular'> <img src="http://1.bp.blogspot.com/-Yt8Baaeww9k/Uas6HjPMMrI/AAAAAAAACuY/k4Wz0pErtCA/s1600/1opera9.jpg" /> </div>

和CSS：

.circular { 
overflow:hidden; 

width: 48px; 
height: 48px; 


border-radius: 550px; 


box-shadow: 0 0 10px rgba(0, 0, 10, 2.8); 
-webkit-box-shadow: 0 0 10px rgba(0, 10, 0, 2.8); 
-moz-box-shadow: 0 0 10px rgba(0, 10, 0, 2.8); 


background-color:lightgrey; 

}

這是我的jsfiddle：http://jsfiddle.net/LfhH9/

來源

2014-02-16 user2491321

適合我。 19.0.1326.63 –

@ RokoC.Buljan糟糕的是，大部分Opera用戶仍然使用Opera 12.1。版本15+可能不存在。 – cimmanon

我使用opera 12.16 build 12.16。說它是最後更新的。但不工作 – user2491321

基於普雷斯托-歌劇院曾與剪輯圖像一個長期存在的問題，已申請其母公司border-radius時。

有兩種可能的解決方案，根據您的情況，這兩種解決方案都不適用於您。

您可以使用background-image而不是img元素應用圖像。這在Opera中按預期工作。

另一種解決方案是將邊框半徑應用於img元素而不是div。這也將修復剪輯的問題，但如果您因其他原因需要包裝器元素將無法正常工作。我將選擇器切換到適用於此快速demo update中的img，以顯示裁剪工作。另外，您還應該在帶前綴的版本後移動前綴爲box-shadow，以便在瀏覽器中應用前綴不變的版本，該版本既支持前綴又支持前綴。儘可能使用最新的實施總是最好的。

來源

2014-02-28 09:27:25

溢出隱藏在歌劇中

回答

相關問題