Прозрачный цвет фона CSS

Я хочу, чтобы меню списка исчезло, используя непрозрачность, не затрагивая шрифт. Возможно ли это с помощью CSS3?Прозрачный цвет фона CSS

источник

2012-06-25 Saranya

Да, конечно! Вы можете сделать это с помощью этого трюка: http://stackoverflow.com/a/15351192/366884 Удачи –

эй теперь вы можете использоваться RGBA в свойствах CSS, как, как этот

.class{ 
background:rgba(0,0,0,0.5); 
}

0.5 прозрачность теперь вы можете изменить в соответствии ваш дизайн.

Живая демонстрация болееhttp://jsfiddle.net/EeAaB/

Информацияhttp://css-tricks.com/rgba-browser-support/

источник

2012-06-25 06:00:25

Спасибо. но я хочу отобразить значок со стрелкой по умолчанию в меню списка, не затрагивая шрифт – Saranya

может показать ваш код в jsfiddle.net, чем я вам помогу правильно .......... –

есть ли способ написать это короче , например 'rgba ('black', 0.5)'? – Blauhirn

да, то будет возможно. просто используйте rgba-syntax для вашего фона.

.menue{ 
    background-color: rgba(255, 0, 0, 0.5); //semi-transparent red 
}

источник

2012-06-25 06:00:43 oezi

Привет! Знаете ли вы что-то о определении CSS «фонового цвета» с помощью канала aplha, но используя значение #HEX для цвета? –

Попробуйте это:

opacity:0;

Для IE8 и ранее

filter:Alpha(opacity=0);

Opacity Demo from W3Schools

источник

2012-06-25 06:06:02 Vinod

yeah..I использовал этот код, чтобы исчезнуть стрелку по умолчанию в списке menu.but тоже повлияет на шрифт тоже .. – Saranya

Сайт, на который вы ссылаетесь ... это ужасно. –

@JohnDvorak Почему w3schools ужасно? – TheWandererr

В этом случае background-color:rgba(0,0,0,0.5); является лучшим способом. Например: background-color:rgba(0,0,0,opacity option);

источник

2013-11-23 00:27:33 dasdasdasdasd

Держите эти три варианта в виду (вы хотите # 3):

1) Всего элемент прозрачен:

visibility: hidden;

2) Всего элемент несколько прозрачна:

opacity: 0.0 - 1.0;

3) Только фон элемента прозрачный:

background-color: transparent;

источник

2014-10-23 22:13:42 jordanb

Ниже приведен пример класса с использованием CSS с именем цвета:

.semi-transparent { 
    background: yellow; 
    opacity: 0.25; 
}

Это добавляет фона, 25% непрозрачные (цветные) и 75% прозрачный.

CAVEAT К сожалению, непрозрачность будет влиять на то весь элемент это придает.
Итак, если у вас есть текст в этом элементе, он также установит текст на 25% непрозрачности. :-(

Таким образом, в большинстве случаев, вам нужно использовать rgba или hsla методы, чтобы показать прозрачность фона, не оказывая влияния на прозрачность все в своей стихии.

Вот 3 способа установить синий фон на 75% прозрачности:

background: rgba(0%, 0%, 100%, 0.75)
background: rgba(0, 0, 255, 0.75)
background: hsla(240, 100%, 50%, 0.75)

источник

2017-08-19 07:47:55 SherylHohman

Прозрачный цвет фона CSS

ответ

Смежные вопросы