Как получить прозрачный угол, используя плагин jquery corner - PullRequest
2 голосов
/ 07 мая 2010

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

Я пытался, но он заполняет цвет по углам

альтернативный текст http://stashbox.org/886089/11046214422-My-Desktop.png

вместо белого мне нужен прозрачный угол с 0 непрозрачностью.

Ответы [ 4 ]

1 голос
/ 07 мая 2010

Я рекомендую вам просто использовать свойство CSS3 border-radius.Для браузеров, которые его не поддерживают, они будут иметь квадратные углы.Это прискорбно, но избавляет вас от многих неприятностей.Некоторое время назад я посмотрел на многие плагины jQuery с закругленными углами, и суть в том, что в некоторых браузерах они все так или иначе сломаны.Использование CSS3 border-radius соответствует идее прогрессивного улучшения и его легко создавать и поддерживать.

0 голосов
/ 14 мая 2010

Проблема в том, что это невозможно из-за способа установки.

Он устанавливает div сверху, а затем использует набор границ для создания эффекта.

Вы можете изменить цвет рамки, но если вы сделаете ее прозрачной, под ней просто отобразится абсолютно позиционированный div.

0 голосов
/ 07 мая 2010

@ метал, я нашел способ ... Ваш фоновый цвет, кажется, красный, правильно! ..... Если это так, то перейдите в 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>
0 голосов
/ 07 мая 2010

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

Определение явного цвета фона в родительском элементе. Safari требует, чтобы у предка украшаемого элемента был установлен цвет фона. Просто установите тело в "background: #fff", если вам не нужен другой цвет.

Не использовать фоновое изображение в родительском элементе. Эффект украшенного элемента устанавливает пиксели на углах того же цвета, что и родительский элемент. Эти пиксели не прозрачны и не будут отображать фоновое изображение, которое используется в родительском элементе.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...