圆形图像不适用于Opera

时间:2013-12-08 15:34:09

标签: css

我有一张图片,我的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');


}

2 个答案:

答案 0 :(得分:0)

只要您运行Opera 10.60或更高版本,就支持所有这些属性。

Reference for box-shadow

Reference for rgba (and other CSS3 color properties)

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

答案 1 :(得分:0)

是的Html5和css3现在仍在进行中。大多数浏览器调用Html5和css3的最新功能。所以我建议你使用这两行css代码来获得你想要的结果歌剧浏览器。

-o-border-radius:50px; -o-box-shadow:0 0 8px rgba(0,0,0,.8);

记住我们必须使用的一些重要前缀来创建css规则 -webkit-用于镀铬,可能是野生动物园 -moz-for firefox -o-用于歌剧 -ms-microsoft