jQuery 플러그인 "corner"를 사용하고 있습니다 : http://www.malsup.com/jquery/corner/ 가장자리에서 내 div를 둥글게 만드는 훌륭한 작업을 거의하고 있습니다.jquery.corner()를 사용하여 IE에서 경계선 유지
문제는 내 div에 1px의 테두리가 적용된 것입니다. 이것은 Safari, FF, Chrome 등에서 잘 작동합니다. IE (8)에서만 테두리가 사라집니다. 가장자리는 둥글게 표시하지만 테두리는 렌더링하지 않습니다.
위에서 언급 한 사이트에서 나는 $ (this) .corner ('keep'); 국경을 지킬거야. 나는 그것을 시도했지만 IE는 사각형 모서리 (반올림되지 않음)를 출력하고 테두리를 올바르게 표시합니다.
도움이 필요하십니까? thx, Mexx
자신의 사이트에있는 문서에 따르면 두 div를 중첩 할 수 있으므로 테두리가있는 것처럼 보입니다 (IE에서 작동 함).
$(this).corner("round 8px").parent().css('padding', '1px').corner("round 10px")
나는 personnally 당신이 쓸모없는 마크 업을 추가 할 필요가 있기 때문에 그것은 추한 생각,하지만 난 당신이 플러그인에 충실 할 경우 유일한 해결책이다 affraid 해요.
IE에서 CSS3의 테두리 반경을 사용하려는 경우 다른 해결책이 있다는 것을 알고 있습니다. 당신은 마이크로 소프트가 그것에 대해 무슨 말을 읽고 (제공된 링크를 클릭)해야합니다 http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx
는 그것을 시도 :
$(this).corner("round 38px").parent().css('padding', '1px').corner("round 40px")
도 문제가있는 것입니다.
나는이 오래 알고 있지만
쉬운 솔루션 손
사용 jQuery를
$('.yourcornerclass').wrap('<div class="youroutercornerclass"></div>');
더 많은 정보는 여기 @tonyamoyal 전체 코드 예
thx Flandre,하지만 나는 많은 요소와 그 Shop 시스템을 가지고있어 그래서 나는 그렇지 않다. 추가 표식을 추가 할 것입니다. Mexx – Max