Как сделать закругление углов и прозрачность?

Question

Рейтинг: 0Ответов: 3Опубликовано: 11.07.2011

Answer 1

▲ 2Принят

Прозрачность:

$('.className').css('opacity', '0.5');

Закругление углов для разных браузеров, местами древних) на CSS :

behavior: url(/border-radius.htc);
border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;

border-radius.htc для эксплорера.

P.S. наиболее кросс-браузерные решения - картинки (закругленные края), но поверьте они того не стоят :) CSS-стилей вполне достаточно

Answer 2

▲ 3

Зачем так сильно с доп. библиотеками жизнь усложнять?! А не хватит

$.('.class_name').css('opacity', '0.5');

или

$.('.class_name').css('border-radius', '5');

???

Answer 3

▲ 2

Надо подобрать соответствующий плагин. Например, для закругления углов - jQuery Corner. Тогда закругление блока #box выглядит делается так:

$(document).ready(function() {
    $("#box").corner();
});

А для добавления прозрачности, непрозрачности - jQuery Transify. Тогда добавление прозрачности к блоку #box делается так:

$(document).ready(function() {
    $('#box').transify();
});

Ответы