造型jQuery ThickBox(圆角)

时间:2009-09-19 13:21:23

标签: javascript jquery css rounded-corners

我正在使用jQuery ThickBox插件(http://jquery.com/demo/thickbox/)。到目前为止,我一直专注于功能,我已经按照我想要的方式工作。

我现在要做的是将盒子设计成圆角。为了使它变得更加困难,我希望圆角是透明的,因此它们背后的背景仍然可见。

有人可以指导我完成这个过程,或至少链接到一些关于如何做到这一点的好教程?我一直在“谷歌搜索”一些指导文章,但我还没找到。

1 个答案:

答案 0 :(得分:4)

最简单的解决方案是:使用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}