圆形图像在Opera上不起作用

Question

我有一张图片，我的css把它放在圆里面。唯一的问题是它不能在Opera浏览器上工作。你知道怎么修复它吗？

我的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-image:url('img/backg.png');


}

Answer 1

只要你运行的是Opera 10.60或更高版本，所有这些属性都是受支持的。

Reference for box-shadow

Reference for rgba (and other CSS3 color properties)

因此，这意味着，如果您运行的是正确的版本，则需要发布代码的其余部分以诊断潜在问题。

Answer 2

是的，Html5和css3现在还在开发中。大多数浏览器调用了Html5和css3 .So的最新特性，我建议你使用这两行css代码来获得你想要的opera浏览器的结果。

-o-边界半径: 50px；-o-长方体-阴影:0 0 8px rgba(0，0，0，.8)；

记住一些重要的前缀，我们在为chrome创建css规则时必须使用webkit，可能是safari -moz-for firefox -o-for opera -ms-microsoft。