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/ *
有没有人知道为什么会这样?
谢谢
贾森
请改用jQuery圆角插件.我曾经穿着你的鞋子,放弃了弯曲的角落.
它在包括IE在内的所有浏览器中都受支持.它使用嵌套的div(没有图像)在IE中绘制角落.它还支持浏览器中的原生边界半径舍入(Opera 10.5 +,Firefox,Safari和Chrome).因此,在这些浏览器中,插件只是设置了一个css属性.
您需要先包含jQuery和Corner js脚本</body>
.然后编写你的jQuery,如$('div,p').corner('10px'); 放在''之前.所以你的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>
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
5534 次 |
最近记录: |