圓角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和背景圖像

回答

相關問題