可怕的圖像在Safari中的邊界半徑

我知道這已被問及回答一百萬次，但每個解決方案似乎有點不同，我似乎無法得到任何我讀過的帖子的分數爲我工作。可怕的圖像在Safari中的邊界半徑

我正在構建啓用WooCommerce的網站，並且在Safari中遇到圖像邊框半徑問題。我對CSS非常陌生，想象問題的嚴重性和解決方案正在逃避我。由於這是一個很常見的問題，我會簡短介紹一下。

這裏的佈局：

建立我的商店與Woothemes
我在店裏設置圖像邊界半徑，以我的拇指
在Firefox看起來不錯，看起來廢話在Safari 。
我簡直無法弄清楚如何使用我一直在讀的解決方案使其工作。我確信有一件簡單的事情我還沒有掌握。

這裏的鏈接到商店：http://printologie.com/shop/ - 並提出了同樣的問題，單品頁：http://printologie.com/shop/akuafoil-cards/

，這裏是從我的custom.css代碼（簡單-webkit標籤似乎不修復它）：

ul.products li a img { 
    background: none repeat scroll 0 0 transparent; 
    border: 1px solid #FFFFFF; 
    border-radius: 80px 60px 80px 60px; 
    box-shadow: 0 0 0 0 transparent; 
    display: block; 
    height: auto; 
    margin-bottom: 0.75em; 
    padding: 4%; 
    width: 91%; 
}

感謝您的任何想法和修復解釋。

來源

2013-03-07 Lee Corkett

邊框半徑是css3屬性。因此，如果您正在使用您的項目，那麼您必須添加所有供應商前綴。對於歌劇-o-，對於Chrome和Safari -webkit-，對於Firefox -moz-和對於微軟-ms-。

所以，你的財產將是這樣的：

-webkit-border-radius:80px 60px 80px 60px; 
-moz-border-radius:80px 60px 80px 60px; 
-o-border-radius:80px 60px 80px 60px; 
-ms-border-radius:80px 60px 80px 60px; 
border-radius:80px 60px 80px 60px;

來源

2013-03-07 19:15:22

權！所以這正是我一直在嘗試基於我所閱讀的所有內容，並且它不工作.... 添加供應商前綴後，同樣的問題，沒有變化：http://printologie.com/shop/ – 2013-03-07 19:22:15

可怕的圖像在Safari中的邊界半徑

回答

相關問題