2009-09-19 4 views
0

jQuery ThickBox 플러그인 (http://jquery.com/demo/thickbox/)을 사용하고 있습니다. 나는 지금까지 기능성에 집중 해 왔으며, 내가 원하는 방식으로 정확하게 작동하도록했습니다.스타일링 jQuery ThickBox (둥근 모서리)

내가 지금하고 싶은 것은 둥근 모서리가되도록 상자의 스타일을 지정하는 것입니다. 더 어려워지기 위해 둥근 모서리가 투명하게 보이기 때문에 뒤에있는 배경이 보입니다.

누군가이 프로세스를 통해 나를 인도 할 수 있습니까? 아니면이 작업을 수행하는 방법에 대한 좋은 자습서로 연결되는 링크가 있습니까? 나는 how-to 기사로 "googling"해왔지만, 나는 물건을 발견하지 못했다.

+0

Facebox이 (갤러리 제외) 기본적으로 Thickbox와 같은 일을하고 모서리 (이미지) 반올림했습니다 http://plugins.jquery.com/project/facebox – Mottie

답변

4

이 가장 쉬운 해결책은 : CSS를 사용하여이

#TB_window {-moz-border-radius: 4px; -webkit-border-radius: 4px;) 

CSS3의 제안이 border-radius를 말합니다하지만 난 하나가 아직 지원하고 있다고 생각하지 않습니다에 대한. 이 문제는 하나만 있습니다. Internet Explorer는 Internet Explorer 8에서 아직 이해하지 못했지만 다른 모든 브라우저에서도 작동합니다.

thickbox가 레이아웃을 많이 수정할 수있는 것처럼 보이지 않기 때문에 다른 방법으로는 할 수 없다고 생각합니다. 그러나 두꺼운 상자에 고정 크기가있는 경우 해당 크기의 배경 이미지를 만들고 좋아하는 이미징 응용 프로그램을 사용하여 투명하게 만들 수 있습니다.

#TB_window { background: #fff url(thickbox_background.png); border: none}