Question

我在这里使用了2.11 malsup jquery弯曲的角落：

http://robynrowe.sanscode.com

出于某种原因，即弯曲的角落脚本会使边框消失。

任何人都可以帮我解决这个问题吗？

我只是尝试了一些工作，我在div中包装框并设置背景颜色。没有问题。 IE上曲线弯角是不可能的？有没有人有任何想法？

如果你有兴趣尝试一下，这是一个小问题：http://jsfiddle.net/KZYXH/

Answer 1

严重讨厌IE。

无论如何，我必须写一些代码来用jquery修复它。

 $(function(){
    if($.browser.msie) $('.box').each(function(){
        var c = $(this).attr('class').replace('box','');

        $(this).wrap('<div class="round-fix '+c+'" />');
    });

    $('.round-fix').corner();
    $('.round-fix .box').corner();
    });

然后剩下的是一些CSS来完成所有工作

    .box{
        margin-bottom: 16px;
         padding:10px 10px 10px 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    .border-pink{
        border: 2px solid #EB008B;
    }
    .border-brown{
        border: 2px solid #754C28;
        background-color: #F4EDE9;
    }
    .border-green{
        border: 2px solid #00AA00;
    }

/* IE FIX */
    .round-fix{
        margin-bottom: 1em;
        padding: 2px;
    }
    .round-fix .box{
        background-color: white;
        margin-bottom: 0;
    }
    .round-fix.border-pink{
        background-color:#EB008B;
    }
    .round-fix.border-brown{
        background-color:#754C28;
    }
    .round-fix.border-brown .box{
         background-color: #F4EDE9;
    }
    .round-fix.border-green{
        background-color: #00AA00;
    }

所以基本上 - 我有一堆盒子，角落不会出现，因为malsup使用背景颜色并忽略边框颜色。我将圆形div包装在另一个div中并将边框颜色从内部div应用到外部div（只是通过css，这可能通过jquery可以做得更好）然后我在外盒上添加了一些填充。最后将内盒设置为白色，或者通常使用的任何颜色。显然，这对透明度不起作用，但是从什么时候开始透明度在IE中表现出来：p。还要注意，如果您在元素上直接在内框上设置了宽度，则还需要在外部元素上设置该宽度。这适用于直接在内部元素上设置的任何css属性。

Malsup弯曲的角落 - 我的盒子没有边框

1 个答案: