http://jquery.malsup.com/corner/
我尝试过,但它会在角落填充颜色
alt text http://stashbox.org/886089/11046214422-My-Desktop.png
代替白色我需要0
不透明度的透明角落。
答案 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';
修改强>
中找到了这个<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。