为什么firefox和谷歌浏览器不显示圆形边框和Internet Explorer使用边框图像工作正常?

时间:2013-04-15 22:41:17

标签: css3

现在我已经尝试了一切我能想到的让Firefox和谷歌Chrome显示圆形边框,甚至使用moz和webkits,但它似乎不起作用。任何有用的提示,问题可能是为什么Internet Explorer显示我想要的方式,而其他两个不是非常感谢。我应该说,PIE确实运作良好。

 background-color: #F0F0F0;
    /* Moz  Firefox */
    -moz-transform: translate(100px, 50px);
    /* Rounded Corners */
    -moz-border-radius: 15px;
     border-radius: 15px;
     border-width: 12px;
   /* WebKit - Chrome and Safari */
   -webkit-border-radius:15px;
   -webkit-transform: translate(100px, 50px);
   /* Internet Explorer 9 */
   -ms-transform: translate(100px, 50px);
   behavior: url('/PIE/PIE.htc');
   /* Opera */
   -o-transform: translate(100px, 50px);
   /* general syntax */
   transform: translate(100px, 50px);
   /* Border Changes */
    width: 1000px;
    border-style: Solid;
    border-image: url('/images/fire.jpg') 10 10 10 10 round round;  
    padding: 5px;
    overflow: hidden;

0 个答案:

没有答案