투명 배경을 가진 div 꼬리표에 둥근 모서리를 만들 수있는 자바 스크립트 라이브러리를 찾고 있는데, 부모 요소의 배경 색상/이미지가 둥근 모서리에서 보입니다. 둥근 모서리의 예를없이 투명한 배경 인 으로 표시하려면 this page의 왼쪽 메뉴를보십시오. 부모 요소의 배경은 메뉴 항목의 모서리에 표시되지 않습니다.투명한 배경을 가진 JavaScript 둥근 모서리
IE7 + 및 FF3 + (이상적으로는 다른 브라우저에서도 작동)이 필요하며 JQuery 플러그인을 선호합니다.
누구에게 도움이되는 훌륭한 리소스 나 플러그인이 있습니까?
많은 제한이 있지만 ... Transparent Background Corners 플러그인이 해당 시나리오에서 작동 할 수 있습니다.
그러나 실제로는 CSS로 모든 반올림 서버 측을 수행하는 것이 좋습니다. Divs에 대한 모든 패딩을 포함하여 div 내의 모든 div뿐입니다. 반올림을 많이한다면 사파리와 IE가 취할 엄청난 성능 저하를 없애고 자바 스크립트를 사용할 수 없거나 사용할 수없는 사용자를 위해 페이지를 세련되게 보일 수 있습니다.
2 개의 다른 JQuery 모서리 라운딩 플러그인을 사용해 보았습니다. This one은 FF 또는 IE에서 작동하지 않으며 this one은 FF에서만 작동합니다.
그러나 완벽하게 작동하는 non-JQuery 라이브러리 인 DD_roundies을 발견했습니다.
DD_roundies 나를 위해 최선을 다했습니다. –
나는 그것을 시험해 보았다. FF로 멋지게 작동했지만, IE7에서는 끔찍하게 작동했다. –
@Don : IE6, IE7, Opera 9, Safari 4, Chrome, FF2 및 FF3에서 멋지게 보인다. 사실 동일하게 보입니다. –
죄송합니다. 실제로 IE6에서 끔찍한 것으로 보였습니다.하지만 그 중 하나를 테스트했다고 말했습니까? 위의 게시물에서 언급 한 메뉴 div를 반올림하여 테스트 했습니까? 그렇지 않다면 테스트와 광산의 차이는 이러한 요소의 특정 스타일/위치와 관련이있을 수 있습니다. –