样式化 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}