3

这是我的页面： http ://robynrowe.sanscode.com

看看 IE8 然后 IE7（兼容模式），你会看到这个问题。右边的框在 IE8 中消失了，但在 IE7 中完美圆润。

我正在使用 Mike Jolley 的 jQuery 曲线角插件 JQuery Curvy Corners * * http://blue-anvil.com * * http://code.google.com/p/jquerycurvycorners/ *

有谁知道为什么会这样？

谢谢

杰森

4

2 回答 2

5

改用 jQuery 圆角插件。我曾经站在你的立场上，放弃了弯曲的角落。

http://jquery.malsup.com/corner/

包括 IE 在内的所有浏览器都支持它。它使用嵌套的 div（无图像）在 IE 中绘制角。它还在支持它的浏览器（Opera 10.5+、Firefox、Safari 和 Chrome）中具有原生边框半径舍入。所以在那些浏览器中，插件只是简单地设置了一个 css 属性。

这是如何使用它

之前需要包含 jQuery 和 Corner js 脚本</body>。然后像 $('div, p').corner('10px'); 这样写你的 jQuery 并放在''之前。所以你的 html 看起来像下面的代码。div在这里，我正在为所有人和p标签制作圆角。如果您想为特定的 id 或类执行此操作，那么您可以执行类似的操作$('#myid').corner();

<body>
    <div class="x"></div>
    <p class="y"></p>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://github.com/malsup/corner/raw/master/jquery.corner.js?v2.11"></script>
    <script>$('div, p').corner();</script>
</body>

在http://jsfiddle.net/VLPpk/1检查工作示例

于 2011-03-02T07:18:41.560 回答
0

我发现的第一个线索是，在 IE8 中，该 div 的内容不再存在（在 jQuery 处理之后）。带有“border-pink box drawn”类的 div 仅包含另一个 div，其中包含另外两个空 div。在 DOM 中，您再也找不到“奖励您的味蕾……”文本了。

编辑：

也注意到了 js 错误，这是一个相关的线程http://groups.google.com/group/curvycorners/browse_thread/thread/d40ceb7c3bccec80

您显然需要检查您的过滤器。

于 2011-03-02T07:14:13.450 回答