爲什麼邊界半徑看起來像在iPad上廢話？

看到角落裏的白色鋸齒？這是我的CSS的問題，或者這實際上是它應該呈現的樣子？爲什麼邊界半徑看起來像在iPad上廢話？

這裏是我的CSS：

border: 1px solid  rgba(0,0,0,.33) /*{d-bup-border}*/; 
background:    #fff /*{d-bup-background-color}*/; 
font-weight: bold; 
color:     #223d74 /*{d-bup-color}*/; 
text-shadow: none; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff /*{d-bup-background-end}*/)); /* Saf4+, Chrome */ 
background-image: -webkit-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ 
background-image: -moz-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* FF3.6 */ 
background-image:  -ms-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* IE10 */ 
background-image:  -o-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Opera 11.10+ */ 
background-image:   linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/);

enter image description here

來源

2011-10-31 Kirk Ouimet

兩者我覺得* *我可以看到你在說什麼...我不認爲我會注意到。 –

它在桌面Safari上看起來同樣糟糕嗎？這應該。 – BoltClock

@BoltClock - 在Safari中看起來很脆，我只能在iPad上看到它。 –

我已經看到了在Safari這個問題，並試圖找到解決許多兩個月前解決對我來說。可悲的是我找不到原來的帖子。

雖然我覺得你尋找可能解決您的問題，答案是background-clip

-moz-background-clip: padding;  /* Firefox 3.6 */ 
-webkit-background-clip: padding; /* Safari 4? Chrome 6? */ 
background-clip: padding-box;  /* Firefox 4, Safari 5, Opera 10, IE 9 */

Background Clip

從CSS Tricks - Transparent Borders with background-clip

來源

2011-10-31 12:59:00 halfcube

啊，廢話這似乎並沒有解決我的問題。 :( –

爲什麼邊界半徑看起來像在iPad上廢話？

回答

相關問題