Стиль JQuery ThickBox (круглые углы)

Question

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

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

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

Answer 1

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

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

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

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

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