둥근 모서리 IE와 배경 이미지

Question

내가 이렇게 내 페이지에서 항목이 :이 블록과 연관된

<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> 

스타일은 다음과 같습니다이 FF 및 사파리에서 치료를 작동 물론

.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; 
} 

(와 오페라) ..하지만 IE는 아무것도 (어떻게 내가 IE를 싫어한다) do352를 수행 할 수 있습니다. 나는 주위를 검색하고 DD_roundies 솔루션을 찾았어요 .. http://www.filamentgroup.com/lab/achieving_rounded_corners_in_internet_explorer_for_jquery_ui_with_dd_roundi/ 하지만 슬프게도 그냥 배경을 떨어 뜨 리다 따라서 st와 제목이 투명한 배경으로 - 불투명도 또는 bg 이미지가 사용되지 않을 때 잘 동작하지만 내 문제는 분명히 해결되지 않습니다 ... 누구나 해결책을 알고 있습니까? 나는 물론 BG 이미지를 도랑 수 있지만,이 .. 브라우저에서 작업 불투명도를 얻을 수있는 가장 신뢰할 수있는 방법이 될

감사

NAT

Answer 1

실제로 답변 .. 다시

이는 배경이 '알파되고 작동하지 않는 것 같습니다하지만 .. 날 쏠 해달라고하지만 replys에 대한

감사를 허용 할 의견보다 더 많은 문자가 필요 이 같은 수치는 D의 PNG의 가 내가 DIV에 opcatiy이든 퍼팅 같은 alpha'd 배경 이미지를 사용하고

.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) 
} 

을 시도 ... 내가 필요로 그냥 뭐 것으로 나타났다 다음 알파 일 전자 콘텐츠 너무 .. 그걸 원하지 않아 ..

다른 제안 사항이 있습니까? 누군가 포함 된 텍스트/콘텐츠의 영숫자에 영향을주지 않고 배경을 멋지게 알 수있는 방법을 설명 할 수 없다면

M 자금이있는 이유는 그들이 다른 모든 것과 같이 일하는 둥근 모서리를 얻을 수없는 이유입니다. tossers - 항상 IE에서 일하도록하는 데 많은 시간을 소비합니다.

Answer 2

당신이 둥근 모서리에 사용하는 스타일 듯하다 Firefox 및 Webkit 브라우저에서만 인식됩니다. 당신이 정말로 가지고있는 유일한 해결책은 배경 이미지의 사용입니다. 내가 사용했던 jQuery 플러그인이 꽤 좋았지 만 다시 Internet Explorer 용으로 둥근 환상을 만들기 위해 모서리 위에 이미지를 배치했습니다. 여기있다 : http://jquery.malsup.com/corner/

편집 : 그것은 IE 일부 CSS3 기능을 제공하는 행위를 부착 사용합니다 http://css3pie.com/를 검색 http://www.w3.org/TR/css3-background/#the-border-radius

Answer 3

: CSS3은이를 달성하는 태그를해야합니다,하지만 여전히 현재의 모든 IE 버전을 지원하지 않습니다 .