圆角IE和背景图像

我在我的网页有一个项目这样的：圆角IE和背景图像

<div class="rounded"> 
<h2>Heading Text</h2> 
<ul> 
    <li><a href="/default.aspx">Summary link</a></li> 
    <li><a href="/default.aspx">Summary link</a></li> 
    <li><a href="/default.aspx">Summary link</a></li> 
</ul> 
<p>or... some text or whatever</p> 
</div>

与此块相关联的风格是：

.rounded{ 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px; 
background:url("10x10.50percentalpha_white.png") repeat scroll left top transparent; 
height:270px; 
overflow:hidden; 
padding:0 0 5px; 
} 

.rounded h2{ 
-moz-border-radius-topleft:5px; 
-moz-border-radius-topright:5px; 
-webkit-border-top-right-radius:5px; 
-webkit-border-top-left-radius:5px; 
border-top-right-radius:5px; 
border-top-left-radius:5px; 
background:url("wide_rl_fade.png") repeat-y scroll right top transparent; 
color:#C4161C; 
font-size:130%; 
padding:10px 20px; 
text-align:left; 
text-transform:uppercase; 
}

当然这部作品一种享受在FF和Safari （和歌剧）..但IE浏览器并没有做任何事情（我多么讨厌IE）我已经做了一些四处搜索，发现了DD_roundies解决方案.. http://www.filamentgroup.com/lab/achieving_rounded_corners_in_internet_explorer_for_jquery_ui_with_dd_roundi/ 但遗憾的是，这只是下降的背景，从而呈现李具有透明背景的st和标题文本 - 在不使用不透明或bg图像时工作正常，但这不适合我的问题显然... 有没有人知道这个解决方案？我当然可以沟背景图片，但是这似乎是最可靠的方式来获得不透明跨浏览器的工作..

感谢

NAT

来源

2010-07-29 nat

并不是一个真正的答案..不要拍我，但需要比评论更多字符将使

感谢的回信..

再次，虽然这似乎并不与背景是阿尔法”工作d PNG的这是一种耻辱，因为这似乎是我需要的.. 试图

.rounded{ 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px; 
background:url("10x10.50percentalpha_white.png") repeat scroll left top transparent; 
height:270px; 
overflow:hidden; 
padding:0 0 5px; 
behaviour: url(path/to/PIE.htc) 
}

我使用的是alpha'd背景图片把opcatiy或任何对格，然后阿尔法日e内容太..不想要..

其他建议？除非有人可以解释一种方式来获得很好的字母背景，而不会影响包含的文本/内容的字母顺序。

与所有的资金，M $有为什么不能他们得到圆角工作像everyoe其他人有..呃？ tossers - 总是花费这么多时间让IE浏览器能够在其他地方正常工作。

来源

2010-07-29 13:38:37 nat

您使用圆角风格只有Firefox和Webkit浏览器才能识别。唯一的解决方案就是使用背景图片。我使用的jQuery插件相当不错，但对于Internet Explorer而言，它只是将图像放在角落，以实现圆润的幻觉。那就是：http://jquery.malsup.com/corner/

编辑：CSS3将有达到这个标签，但它仍然没有被任何当前的IE版本支持：http://www.w3.org/TR/css3-background/#the-border-radius

来源

2010-07-29 12:30:20

感谢liam 但我意识到这一切，我只是想找到一个适合我的解决方案。感谢您的回复。 – nat 2010-07-29 13:32:41

这就是问题的家伙，我不认为有一个！无论如何，祝你好运。 – 2010-07-29 21:19:25

查找http://css3pie.com/它使用附加的行为给IE一些CSS3功能。

来源

2010-07-29 12:33:31 ThatSteveGuy

圆角IE和背景图像

回答

相关问题