jQuery 角和 IE 问题

发布于 2024-08-26 01:37:11 字数 920 浏览 4 评论 0原文

我正在使用“malsups”jQuery 角落插件 - http://jquery.malsup.com/corner/ - 使用 IE 时经历了一段噩梦般的时光。基本上我有

<ol><li>
    <span class="main">
        <span class="test1"></span>
        <span class="test2"></span> 
        <span class="test3">
        <span id="test4"></span> 
        <span  id="special" class="special">
            <span class="test4">TEXT</span>
        </span>
    </span>
</li></ol>

基本上，在 IE 中，当我尝试使 id="special" 具有圆角时 - 我得到一个扭曲的视图。引用 li 元素的问题有关吗

    jQuery('#special').corner('5px');

我认为这与使用“有人可以帮忙吗:)”

？ 编辑： 当然 CSS 是

ol .special {
background-color:#111;
color:#CCC;
padding:10px;
position:relative;
}

原文

I am using "malsups" jQuery corner plugin - http://jquery.malsup.com/corner/ - and having a bit of nightmare of a time with IE. Basically I have

<ol><li>
    <span class="main">
        <span class="test1"></span>
        <span class="test2"></span> 
        <span class="test3">
        <span id="test4"></span> 
        <span  id="special" class="special">
            <span class="test4">TEXT</span>
        </span>
    </span>
</li></ol>

Basically, in IE when I try and make the id="special" have rounded corners - i get a distorted view. I think its something related to problems with referencing li elements using

    jQuery('#special').corner('5px');

Could anyone help :) ?

Edit: Sure the CSS is

ol .special {
background-color:#111;
color:#CCC;
padding:10px;
position:relative;
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

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

月亮是我掰弯的 2024-09-02 01:37:11

css 类“main”是否定义了背景颜色？确保在父树中的某个位置显式设置了背景颜色。

<代码>
ol .main {
背景颜色：#fff；
}

回复收藏 0 原文

末蓝 2024-09-02 01:37:11

我实际上不同意使用这个实现。我发现了大约 3 种不同的方法来制作圆角。

1. Adding extra markup (div tags) to create the rounded corners
2. Using right and left rounded corner images
3. Using top image and bottom image with rounded corners on both sides of the images

您的实现正在使用#1。它可能是最容易实施的，但需要付出一定的代价。

在 CSS 目前的状态下，除了这 3 种方法（我所知道的）之外，没有简单的方法可以添加圆角。我相信第一个选择是三个选择中最差的一个，因为额外的标记是不必要的。我通常使用最后一个，但第二个加载速度会更快。

还有一件事，请查看该页面（http://jquery.malsup.com/corner/ ) 在 IE 中.....它在 IE 中的实现也不起作用。我相信他正在使用 FF 圆角 CSS 值来做到这一点。

希望这有帮助。

都会

I actually do not agree with using this implementation. I have found about 3 different ways to do rounded corners.

1. Adding extra markup (div tags) to create the rounded corners
2. Using right and left rounded corner images
3. Using top image and bottom image with rounded corners on both sides of the images

Your implementation is using #1. It is probably the easiest to implement, but at a cost.

In the state that CSS is in right now, there is no easy way to add rounded corners except these 3 ways (that i know of). I believe the first choice is the worst out of the 3 because the extra markup is unnecessary. I usually use the last one, but the second one will load faster.

One more thing, check out that page (http://jquery.malsup.com/corner/) in IE.....It is not working in IE on his implementation either. I believe he is using the FF rounded corners CSS values to do this.

Hope this helps.

Metropolis

回复收藏 0 原文

~没有更多了~