邊框顏色不以邊框半徑顯示

在移動解析度測試中使用響應時，邊框顏色不顯示在移動設備上似乎很好。邊框顏色不以邊框半徑顯示

這裏是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

邊框顏色不以邊框半徑顯示

回答

相關問題