如何使用jQuery插件角落

0

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

定義在父元素的明確的背景顏色。 Safari要求所裝飾元素的祖先具有背景顏色集。如果你不需要其他顏色，只需將body設置爲「background：#fff」即可。

請勿在父級中使用背景圖像。裝飾元素效果將角上的像素設置爲與父元素相同的顏色。這些像素不透明，不會顯示父元素中使用的任何背景圖像。

來源

2010-05-07 04:35:12 mangokun

+0

圖像不在家長http://stashbox.org/883096/1104422739-My-Desktop.png – 2010-05-07 04:53:24

0

@metal我發現了一種方法......你的背景顏色似乎是在紅色的右邊！.....如果是這樣，去corner.js找到#ffffff並用你的紅色代碼替換它...

找到這一行，

return '#ffffff';，並切換到return '#ff0000';

編輯：

我發現了這個我n 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>

來源

2010-05-07 04:35:32

+0

沒有其實我的背景是圖像。看到這個http://stashbox.org/883096/1104422739-My-Desktop.png – 2010-05-07 04:48:32

+0

@metal似乎你得到的結果....有什麼問題？ – 2010-05-07 05:01:22

+0

@metal抱歉，我得到了重點...而不是白色，你想設置透明的權利！ – 2010-05-07 05:02:15

1

我建議您只使用CSS3 border-radius屬性。對於不支持它的瀏覽器，它們會有方角。這是不幸的，但爲您節省了很多麻煩。我前段時間看過很多圓角的jQuery插件，底線是，它們都以某種方式在某些瀏覽器中被破解。使用CSS3 border-radius符合逐步增強的想法，並且易於構建和維護。

來源

2010-05-07 04:45:23 Jaanus

+0

'c'''''''''''''''''''''''''''''''''但是css3邊界不能使斜角錐 – 2010-05-07 04:50:04

0

問題是，這是不可能的，因爲它設置的方式。

它在頂部設置div，然後使用一組邊框創建效果。

您可以更改邊框的顏色，但如果您將其設置爲透明，則只會顯示其下方的絕對定位div。

來源

2010-05-14 11:49:27

+0

http：//www.curvycorners。net/ 很抱歉忘記提及我使用這個...它會做你需要的！ – 2010-05-14 11:51:07

+0

http://www.curvycorners.net/不會工作我不是要求圓角 – 2010-05-15 01:23:51

如何使用jQuery插件角落

回答

相關問題