边框颜色不以边框半径显示

在移动解析度测试中使用响应时，边框颜色不显示在移动设备上似乎很好。边框颜色不以边框半径显示

这里是iPod的屏幕截图 enter image description here

这里是CSS代码

.box img { 
    display: block !important; 
    margin-top: 8px; 
    border: 1px solid #CCC; 

    -webkit-border-radius: 6px; 
     -moz-border-radius: 6px; 
      border-radius: 6px; 
}

边框颜色只出现在诺基亚Lumia 920

请让我知道是否有任何身体知道解决方案。由于事先

来源

2013-05-07 Muhammed

你可以提供你的HTML或小提琴吗？ – Nitesh 2013-05-07 12:26:36

这是一个webkit的bug。使用框阴影临时修复。 – 2013-05-07 13:59:31

@SonuJoshi我认为你的估价是正确的。明显与框阴影:)工作。删除边框然后添加'-webkit-box-shadow：0px 0px 0px 1px #CCC; -moz-box-shadow：0px 0px 0px 1px #CCC; box-shadow：0px 0px 0px 1px #CCC;' – Muhammed 2013-05-07 14:41:03

这是-webkit错误。仍然没有找到我得到暂时的解决方案，从@SonuJoshi的方法是删除精确解添加box-shadow代替border

旧代码

.box img { 
    display: block !important; 
    margin-top: 8px; 
    border: 1px solid #CCC; 

    -webkit-border-radius: 6px; 
     -moz-border-radius: 6px; 
      border-radius: 6px; 
}

新代码

.box img{ 
    overflow: hidden; 
    margin-top: 8px; 

    -webkit-box-shadow: 0px 0px 0px 1px #CCC; 
     -moz-box-shadow: 0px 0px 0px 1px #CCC; 
      box-shadow: 0px 0px 0px 1px #CCC; 

    -webkit-border-radius:6px; 
     -moz-border-radius:6px; 
     border-radius:6px; 
}

感谢所有帮助:)

来源

2013-05-07 14:48:51 Muhammed

图像不是图像的容器应用这个CSS ...

.box{ 
display: inline-block; 
margin-top: 8px; 
border: 1px solid #CCC; 

-webkit-border-radius:6px; 
-moz-border-radius:6px; 
border-radius:6px; 
} 

.box img { width:100%; margin-bottom:-1px; }

来源

2013-05-07 11:58:55 SaurabhLP

你的意思是改变'block'为'inline-block'？ – Muhammed 2013-05-07 12:01:56

是的，也改变你调用CSS的元素... – SaurabhLP 2013-05-07 12:02:56

当改变显示到'display：inline-block;' – Muhammed 2013-05-07 12:18:16

代码会

.box img { width:100%; margin-bottom:-1px; }

来源

2013-05-07 13:32:34 Shovan

无法正常工作时，图像变大： – Muhammed 2013-05-07 14:41:29

边框颜色不以边框半径显示

回答

相关问题