如何使用jquery角落插件获得透明角落

时间:2010-05-07 02:40:17

标签: jquery css xhtml

http://jquery.malsup.com/corner/

我尝试过,但它会在角落填充颜色

alt text http://stashbox.org/886089/11046214422-My-Desktop.png

代替白色我需要0不透明度的透明角落。

4 个答案:

答案 0 :(得分:1)

我建议你只使用CSS3 border-radius属性。对于不支持它的浏览器,它们将具有方角。这很不幸,但为您省去了很多麻烦。我前一段时间看过许多圆角jQuery插件,最重要的是,它们在某些浏览器中都以某种方式被破坏了。使用CSS3 border-radius符合渐进增强的想法,易于构建和维护。

答案 1 :(得分:0)

http://methvin.com/jquery/jq-corner.html

  

在父元素中定义显式背景颜色。 Safari要求所装饰元素的祖先具有背景颜色集。如果您不需要其他颜色,只需将主体设置为“background:#fff”即可。

     

不要在父级中使用背景图像。装饰元素效果会将角上的像素设置为与父元素相同的颜色。这些像素不透明,不会显示父元素中使用的任何背景图像。

答案 2 :(得分:0)

@metal我找到了一种方法......你的背景颜色似乎是红色的!如果是的话,去找corner.js找到#ffffff并用你的红色代码替换它......

中找到这一行

return '#ffffff';并更改为return '#ff0000';

修改

我在forums.asp.net

中找到了这个
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.corner.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $("#test").corner();
        });
    </script>

</head>
<body style="background-color: red;">
    <form id="form1" runat="server">
    <div id="test" style="width: 250px; height: 250px; 
      background-color: white; opacity: 0.6;
        filter: alpha(opacity=60)">
         
    </div>
    </form>
</body>
</html>

答案 3 :(得分:0)

问题是,由于它的设置方式,这是不可能的。

它在顶部设置div,然后使用一组边框来创建效果。

您可以更改边框的颜色,但如果您将其设为透明,则只会在其下方显示绝对定位的div。