jQuery ThickBox 样式(圆角)
我正在使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
最简单的解决方案是:使用 css
css3 建议说
border-radius
但我认为尚不支持该解决方案。这只有一个问题。 Internet Explorer 还不支持它,甚至在我所理解的 IE8 中也不支持它,但它应该可以在所有其他浏览器中工作。
我不认为你可以用任何其他方式来做到这一点,因为厚盒似乎不允许你修改布局那么多。但是,如果厚盒上有固定尺寸,您可以创建具有该尺寸的背景图像,并使用您最喜欢的成像应用程序使其透明。
The easiest solution for this is: Use the css for it
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.