jQuery ThickBox 样式(圆角)

发布于 2024-08-04 18:37:12 字数 311 浏览 1 评论 0原文

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

我现在想做的是设计盒子的样式,使其具有圆角。为了让它变得更困难,我希望圆角是透明的,这样它们后面的背景就保持可见。

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

I'm using jQuery ThickBox plugin (http://jquery.com/demo/thickbox/). I have been concentrating on functionality so far and I have got it working exactly the way I want.

What I want to do now is to style the box so it has round corners. To make it more difficult, I would like the round corners to be transparent, so the background behind them stays visible.

Could somebody guide me through this process or at least link to some good tutorial on how to do this? I've been "googling" for some how-to article but I haven't found a thing.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

無處可尋 2024-08-11 18:37:12

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

The easiest solution for this is: Use the css for it

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

The css3 suggestion says border-radius but I don't think that one is supported yet.
There is only one problem with this. Internet Explorer doesn't support it yet, not even in IE8 as I've understood it but it should work in all the other browsers.

I do not think that you can do it any other way since thickbox doesn't seem to allow you to modify the layout that much. But if you have a fixed size on the thickbox you could create a background image with that size and make it transparent using your favorite imaging application.

#TB_window { background: #fff url(thickbox_background.png); border: none}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文