jquery弯曲的角落问题在IE8中无效

Jas*_*son 3 html javascript css jquery curvycorners

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

看看IE8然后IE7(compat模式),你会看到问题.右侧的框在IE8中消失,但在IE7中完美地完成.

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

有没有人知道为什么会这样?

谢谢

贾森

Hus*_*ein 5

请改用jQuery圆角插件.我曾经穿着你的鞋子,放弃了弯曲的角落.

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

它在包括IE在内的所有浏览器中都受支持.它使用嵌套的div(没有图像)在IE中绘制角落.它还支持浏览器中的原生边界半径舍入(Opera 10.5 +,Firefox,Safari和Chrome).因此,在这些浏览器中,插件只是设置了一个css属性.

这是如何使用它

您需要先包含jQuery和Corner js脚本</body>.然后编写你的jQuery,如$('div,p').corner('10px'); 放在''之前.所以你的HTML看起来像下面的代码.在这里,我正在为所有divp标签制作圆角.如果你想为特定的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>
Run Code Online (Sandbox Code Playgroud)

查看http://jsfiddle.net/VLPpk/1上的工作示例