1. 首頁
  2. 問答
  3. 邊界半徑在歌劇不支持

邊界半徑在歌劇不支持

2011-09-10 97 views
0 
<!DOCTYPE HTML>

邊界半徑在歌劇不支持

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>opera border radius</title> 

    <style type="text/css"> 
     img{ 
      border-radius:10px; 
      -o-border-radius:10px; 
     } 
    </style> 

</head> 

<body> 
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Bonsai_IMG_6426.jpg/450px-Bonsai_IMG_6426.jpg" width="337" height="450" alt="my think"> 
</body>

來源

2011-09-10 Vipul Vaghasiya

回答

2

Opera不喜歡加邊界半徑，直接將圖像 - Opera是固執的這樣。

對於在歌劇院工作的解決方案，請http://www.komodomedia.com/blog/2010/10/border-radius-rounded-images-and-avatars/

而且，把真正的CSS規則border-radius供應商前綴規則-o-border-radius後。

來源

2011-09-10 07:01:15 Chris

+0

但不適合我請幫助我。 –

+0

@vipul和'copy/paste'一樣簡單http://jsbin.com/exexer – balexandre

+0

@vipul就像複製/粘貼jsbin.com/exexer一樣簡單 - 這是正確的答案。謝謝！ –

0

看看http://dev.opera.com/articles/view/css3-border-background-boxshadow/#border-radius

邊界半徑已在歌劇的問題，因爲很長一段時間。在最新版本中，如果支持 可以直接使用border-radius屬性。

正式情況下，所有Opera版本> 10.5都支持Border radius屬性，但不支持Opera Mini和Opera Mobile < 11，但似乎存在問題。

（另外，標記下CSS3這個問題）

[編輯] 我只是再次檢查你的代碼。您想要爲圖像添加邊框半徑。這在Opera中是不可能的，除非你把它作爲背景圖像使用css而不是前景圖像。

所以爲了完成這個工作，創建一個div並將圓角應用到div而不是img。 然後將背景圖像設置爲圖像，您應該看到圓角。如果圖像不居中，只更改位置屬性。這應該夠了吧。

這裏，試試這個：http://jsfiddle.net/c8nmZ/5/

來源

2011-09-10 06:42:16

+0

我使用歌劇11.51但不支持border-radius。請嘗試我的代碼，並幫助我（邊界半徑不支持唯一圖像） –

相關問題

 相關問題