Styling jQuery ThickBox (round corner)

Question

Я использую плагин jQuery ThickBox (http://jquery.com/demo/thickbox/). Я до сих пор концентрируюсь на функциональности, и у меня это работает так, как я хочу.

Что я хочу сделать сейчас, это создать коробку, чтобы она имела круглые углы. Чтобы сделать его более трудным, я хотел бы, чтобы круглые углы были прозрачными, поэтому фон за ними остается видимым.

Может ли кто-нибудь провести меня через этот процесс или, по крайней мере, ссылку на какой-нибудь хороший учебник о том, как это сделать? Я был «googling» для какой-то статьи, но я ничего не нашел.

Answer 1

Самое простое решение для этого: Используйте CSS для этого

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

css3 предложение говорит border-radius, но я не думаю, что один еще поддерживается. Существует только одна проблема с этим. Internet Explorer еще не поддерживает его, даже в IE8, как я понял, но он должен работать во всех других браузерах.

Я не думаю, что вы можете сделать это любым другим способом, поскольку толстый бокс, похоже, не позволяет вам значительно изменить макет. Но если у вас есть фиксированный размер на толстокболе, вы можете создать фоновое изображение с таким размером и сделать его прозрачным с помощью своего любимого приложения для обработки изображений.

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