Q

HTML，CSS：圓角在IE中沒有透明背景

2010-07-19 70 views 3 likes

3

我在IE中遇到了圓角問題。有白色區域而不是透明背景。見圖片：http://dl.dropbox.com/u/72686/roundedIE.png HTML，CSS：圓角在IE中沒有透明背景

我使用這個jQuery插件創建圓角：www.malsup.com/jquery/corner

而且我還使用每個塊的透明度。

感謝

2010-07-19 aneuryzm

A

回答

0

我已經用curvycorners.net解決了

2010-07-22 10:05:37 aneuryzm

2

你可以嘗試創建圓角與CSS3然後用CSS3 pie與Internet Explorer獲得圓角固定。

編輯：

剛纔你提到的malsup網站上閱讀。

最近我加入了原生邊界半徑在支持它的瀏覽器（1050 +歌劇，火狐，Safari瀏覽器和Chrome）四捨五入的支持。因此，在那些瀏覽器中，插件只需在元素上設置css 屬性。但在IE中，我們必須等待版本9 才支持。並且對於所有瀏覽器，選擇比「round」更多的模式需要使用「div stips」方法。

對於其他讀者，這是否表明這個jQuery插件是基於新的css3和html5技術？

2010-07-19 08:33:47 Rob

+0

類別。它使用新的CSS3東西來提供適當支持的瀏覽器，但增加了額外的標記，以便在那些瀏覽器中實現相同的效果。我個人不會採取這種做法。似乎只是一些彎曲角落的腳本開銷很大，並且它不會被非JavaScript用戶看到。 OP會更好地使用頂部和底部角落帽CSS sprite方法：http://www.learn-css-tutorial.com/CSS-Background-Image-Tricks.cfm（請參閱'靈活寬度的圓角框'部分） – hollsk 2010-07-19 08:40:43

+0

因此，我應該使用CSS3 -moz-border-radius：5px; -webkit-border-radius：5px;並使用IE插件？就是這樣？謝謝 – aneuryzm 2010-07-19 08:49:52

+0

還有一件事：我可以在CSS3的頂部或底部角落指定圓角嗎？（適用於所有瀏覽器！） – aneuryzm 2010-07-19 08:52:18

相關問題

11. css背景透明度？
12. CSS透明背景圖片
13. CSS背景透明度
14. Qt css背景半透明
15. 使圖像透明在IE中顯示非透明背景
16. IE中的Jquery.corner（）透明背景
17. 透明窗體背景HTML
18. CSS圓角表角落，漸變背景
19. 沒有css的html背景
20. 圓滑塊背景不透明
21. 圓角IE和背景圖像
22. 使六邊形形狀的邊框，圓角和透明背景
23. 如何添加圓角到活動的半透明背景？
24. 背景不透明沒有RGBA爲Sass
25. 沒有背景的透明SDL_Surface
26. css中的背景透明度
27. IE渲染背景：透明的洞？
28. 透明背景
29. 透明背景的HTML中的Starfield
30. UIViewAnimationTransitionCurlUp具有透明背景