Question

我有一个问题，即div在IE中没有添加圆角，但它在chrome和firefox中工作正常。它似乎围绕角落但删除边框颜色。如果突出显示渲染页面，则可以看到舍入。

为什么会发生这种情况以及如何解决这个问题？我正在使用从http://jquery.malsup.com/corner/

下载的版本2.03的jquery角落

            <html>
            <head>
            <style>
            #content{   border: solid 6px #888888;}
            #content2{  border: solid 6px #888888;}
            </style>
                <script type="text/javascript" src="include/script/jquery-1.3.2.min.js"></script>   
                <script type="text/javascript" src="include/script/jquery.corners.js"></script>
                <script type="text/javascript"> 
                    $(function(){                           
                        $('.content').corner("round 8px").parent().css('padding', '8px').corner("round 14px");
                        $('#content2').corner();
                    }); 
                </script>   
            </head>
            <body>
                <div id="content" class="content">
                    content
                </div>
                <div id="content2" class="content2">
                    content
                </div>
            </body>
            </html>

Answer 1

Rounded Corners在IE中工作。唯一的故障是圆角，边框消失'jquery.corners' api，

如果您的容器颜色与背景不同，您会注意到它。

所以是jquery.corner api有一点点问题。

Answer 2

取自http://jquery.malsup.com/corner/ - “最近我在支持它的浏览器（Opera 10.5 +，Firefox，Safari和Chrome）中添加了对原生边界半径舍入的支持。所以在这些浏览器中，插件只是设置了一个css但是在IE中，我们必须等待版本9才能支持。对于所有浏览器，选择“round”以外的模式需要使用“div stips”方法。“

所以圆角在IE中不起作用，但任何其他角落样式都会。

jQuery角落插件无法在Internet Explorer上运行

2 个答案: