带圆角的jquery对话框

Question

我在实现这个方面遇到了麻烦，我已经尝试了jquery.corner.js中的corner（）函数的几种变体。有人可以在调用对话框或对话框本身的页面中粘贴代码看起来是什么样的样本，它应该驻留在哪里？

谢谢， 娜塔莎

Answer 1

您使用的是哪个角落插件？如果是这个：JQuery Corner Plugin那么它似乎很容易。如果您的页面上有一个需要圆角的div，它的id为“cornered”，那么我会想象代码很简单：

<script language="javascript">
    $(document).ready(function() {
        $("#cornered").corner();
    });
</script>

上述代码需要引用或放在与需要圆角的div /元素相同的页面中。

Answer 2

尝试jquery.ui。 dialog control已经有了圆角。使用jquery ui，您只需将类“ui-corner-all”添加到html项目以启用圆角（Internet Explorer除外）。

Answer 3

有一个奇怪的角（）：它喜欢使用你想要圆的任何元素的背景颜色作为圆角的背景颜色。所以，如果你试图围绕一个白色的盒子并且它最初是在蓝色背景上，它将使用蓝色在角落里圆形。

确保在元素结束后调用corner（）;否则，你将会在那里找到错误颜色的角落。