Div 上的圆角。仅 Internet Explorer 存在问题!
有人在 Divs 上创建圆角时遇到过任何问题吗?我正在使用 http://jquery.malsup.com/corner/ 中的 jQuery 插件
问题问题是 Internet Explorer 中的顶角不是圆角的。与 Firefox 配合良好!有人有什么建议吗?
这是我的代码:
<script type="text/javascript">
$(document).ready(function() {
$("#panel").corner("10px");
});
</script>
这是四舍五入的 div:
<div ID="panel">test</div>
Has anybody experienced any problems with creating rounded corners on Divs? I am using the jQuery plugin from http://jquery.malsup.com/corner/
The problem is that the top corners are not rounding in Internet Explorer. Works fine with Firefox! Anybody got any advice?
Here's my code:
<script type="text/javascript">
$(document).ready(function() {
$("#panel").corner("10px");
});
</script>
Here's the div that gets rounded:
<div ID="panel">test</div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
IE 不支持 HTML5 或 CSS3,因此请查看您提供的此测试页面很明显,它在 IE 中不起作用,因为本页上的示例修改了 IE 无法处理的 CSS 属性。编辑:再次查看示例后(这次在 IE 中,因为我应该有第一个时间)感谢评论,我不知道为什么你的东西在 IE 中坏了。
IE does not support HTML5 or CSS3, so looking at this test page which you supplied it is clear that it will not work in IE because the examples on this page modify CSS properties which IE is not designed to handle.EDIT: After looking at the example again (in IE this time, as I should have the first time) thanks to the comment, I have no idea why your thing is broken in IE.
我在让任何 IE 圆角代码在不坚固的背景上工作时遇到了很多问题。
最后我不得不采用 .gif 解决方案。
IE9 将支持此功能。
I had a lot of problems getting any IE rounded corners code to work on a background that wasn't solid.
In the end I had to go with a .gif solution.
This will be supported in IE9.
我在使用该插件时遇到了类似的问题。我最终使用类选择器来做到这一点:
$('.header_box').corner("top round 10px")
I had similar issues with using that plugin. I ended up using class selectors to do it:
$('.header_box').corner("top round 10px")