Div 上的圆角。仅 Internet Explorer 存在问题!

发布于 2024-08-27 16:08:13 字数 497 浏览 7 评论 0原文

有人在 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

冰之心 2024-09-03 16:08:13

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.

依 靠 2024-09-03 16:08:13

我在让任何 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.

寄人书 2024-09-03 16:08:13

我在使用该插件时遇到了类似的问题。我最终使用类选择器来做到这一点:

$('.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")

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文