2010-04-06 2 views
2

Divs에서 둥근 모서리를 만드는 데 문제가있는 사람이 있습니까? jQuery 플러그인을 사용하고 있습니다. http://jquery.malsup.com/corner/Divs에서 둥근 모서리. Internet Explorer에만 문제가 있습니다!

문제는 Internet Explorer에서 상단 모서리가 반올림되지 않는다는 것입니다. Firefox에서 잘 작동합니다! 누구 조언있어? 여기

<script type="text/javascript"> 

     $(document).ready(function() { 
      $("#panel").corner("10px"); 
     }); 

</script> 

둥글게됩니다 사업부의 : 여기

내 코드의

<div ID="panel">test</div> 
+5

항상 IE에 문제 만 ...이, 당신은 "패널"에 대한 CSS를 표시 할 수 있습니다) – klew

+1

.. : 나는 그것을 할 클래스 선택기를 사용하여 종료? – ZX12R

+0

어떤 IE 버전에 문제가 있습니까? 플러그인 페이지에 모든 옵션이 올바르게 표시됩니까? – Lazarus

답변

2

IE는 그래서 작동하지 않을 것이 분명하다 this test page which you supplied보고 HTML5 나 CSS3를 지원하지 않습니다 왜냐하면이 페이지의 예제는 IE가 처리하도록 설계되지 않은 CSS 속성을 수정하기 때문입니다.

EDIT : IE에서이 예제를 다시 본 후 주석으로 감사드립니다. IE에서 사용자의 작업이 왜 잘못되었는지 잘 모릅니다.

+1

플러그인이 IE를 처리하거나 ... 플러그인의 요점입니다. :) IE에서 테스트 페이지를 방문하십시오. –

+0

나는 그것을 볼 수있다. –

0

나는 견고하지 않은 배경에서 작동하도록 IE 모서리가 둥근 코드를 얻는 데 많은 문제가있었습니다.

결국에는 .gif 솔루션을 사용해야했습니다.

IE9에서 지원됩니다.

+4

읽기 : IE9에서 "지원"될 것입니다. 아마도 IE11에서 올바르게 지원 될 것입니다. :) –

0

그 플러그인을 사용하는 것과 비슷한 문제가있었습니다.

$('.header_box').corner("top round 10px")