Дочерний блок наследует прозрачность родителя. Как убрать?
Наследует ли дочерний процесс стандартный ввод и вывод?
Объясните, пожалуйста один момент. имеем следующий кусок кода. pid = fork(); .
Класс-потомок не наследует высоту родителя
Здравствуйте. Имеется класс шапки header и внутри него элементы. Хочу разместить элементы.
Горизонтальное выпадающее меню ul li наследует значения родителя
Здравствуйте ребята, на форуме внятных ответов по этой теме не нашел. Тем не менее, суть проблемы.
Как сделать видимым дочерний элемент у родителя с display block?
Доброго времени суток. Есть список элементов, и живой поиск на js. Рабочий пример можно.
328 / 202 / 63
Регистрация: 04.02.2013
Сообщений: 1,212
Средствами CSS — нет. Это свойство наследуется всеми потомками. Желаемого эффекта можно добиться путем позиционирования содержимого.
Как сделать элемент прозрачным и убрать прозрачность CSS?
Для того, чтобы сделать элемент прозрачным, следует использовать CSS. Для стилей есть полезное свойство opacity, в котором остаётся лишь указать степень прозрачности. Где, как правило 1 или 100 — элемент не прозрачен, а 0.1 или 10 — это прозрачный элемент. Почему два значения? Потому что для IE (Internet Explorer), равно как и для других браузеров, прописываются другие свойства, и у IE прозрачность измеряется в других значениях.
Полупрозрачный элемент
Соответственно, чтобы сделать элемент полупрозрачным, нужно задать для opacity значение 0.5 или 50.
Код CSS
filter:alpha(opacity=50); /* для IE 5.5+ */
-moz-opacity:0.5; /* для Mozilla 1.6 и ниже */
-khtml-opacity:0.5; /* для Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* для Mozilla 1.7b+, Firefox 0.9+, Safari 1.2+, Opera 9 */
Как убрать прозрачность дочернего элемента?
Например, Вы задали прозрачность всем пунктам меню, а при навведении как раз хотите сделать НЕ прозрачным (убрать прозрачность), то прописываете ему следующие характеристики, где значение прозрачности равно 1 или 100:
Код CSS
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1;
Не забываем указывать все 4 свойства, так как в противном случае действие будет не кроссбраузерно, то есть будет работать не во всех браузерах.
Если хотите, чтобы полупрозрачность были при наведении на изображение, то можно создать, например такой класс
.opacity :hover filter:alpha(opacity=50); /* для IE 5.5+ */
-moz-opacity:0.5; /* для Mozilla 1.6 и ниже */
-khtml-opacity:0.5; /* для Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* для Mozilla 1.7b+, Firefox 0.9+, Safari 1.2+, Opera 9 */
>
Рассмотрим пример
Создаём файл index.html
<br />Название странички <br />
Полупрозрачность элемента
Делаем изображение полупрозрачным при наведении!
Как изменить прозрачность background, не затрагивая дочерние элементы или текстовое содержимое
Не существует CSS-свойства, такого как background-opacity , которое можно использовать только для изменения прозрачности фона, не затрагивая его дочерние элементы. С другой стороны, если вы попытаетесь сделать это с помощью CSS-свойства opacity , это не только изменит непрозрачность фона, но также изменит непрозрачность всех дочерних элементов.
В таких ситуациях вы можете использовать цвет RGBA, введенный в CSS3, который включает альфа-прозрачность как часть значения цвета. Используя цвет RGBA, вы можете установить цвет фона, а также его прозрачность, как показано в следующем примере:
CSS Opacity Using RGBA Colors body < background-image: url("images/pattern.jpg"); >p Настройка прозрачности фона без изменения текстового содержимого.
В качестве альтернативы вы можете использовать прозрачные изображения PNG для достижения этого эффекта или использовать псевдоэлементы, которые не влияют на дочерние элементы.
Читайте также
Похожие примеры:
- Как анимировать фоновый цвет элемента при наведении курсора мыши с помощью CSS
- Как применить несколько фоновых изображений к элементу с помощью CSS
- Как растянуть и масштабировать фоновое изображение с помощью CSS
Как убрать opacity у дочернего элемента?
Вот тут реализация на jsfiddle — http://jsfiddle.net/U5CLR/ Как убрать opacity (точнее вернуть его к значению 1) для блока #block3? Спасибо.
Отслеживать
задан 8 мар 2013 в 19:36
53 1 1 золотой знак 1 1 серебряный знак 10 10 бронзовых знаков
Наследование. Нужно вынести наружу block3, за пределы block2
8 мар 2013 в 19:41
3 ответа 3
Сортировка: Сброс на вариант по умолчанию
а) Избавиться от наследования, вынести #block3 из #block2 ;
б) Избавиться от opacity , заменив его rgba(. ) для цветов и полупрозрачными *.png для изображений.
Отслеживать
ответ дан 8 мар 2013 в 19:52
2,660 2 2 золотых знака 20 20 серебряных знаков 32 32 бронзовых знака
вероятно, rgba?
9 мар 2013 в 0:13
@VladD, опечатка 🙂
9 мар 2013 в 2:00
#block2 < background: rgba(255, 0, 0, 0.5); /*красный цвет поменяете на свой*/ >opacity убрать надо везде
Отслеживать
4,966 10 10 золотых знаков 33 33 серебряных знака 62 62 бронзовых знака
ответ дан 8 мар 2013 в 22:02
A_Gontarev A_Gontarev
11 1 1 бронзовый знак
Собственно, это и написано в моём ответе, зачем дублировать?
8 мар 2013 в 22:09
@A_Gontarev, Чтобы отформатировать код, выделите его мышью и нажмите на кнопку <> редактора.
9 мар 2013 в 13:03
Как вариант, заменить бг на полупрозрачный пнг!
Отслеживать
ответ дан 9 мар 2013 в 6:52
1,180 5 5 серебряных знаков 8 8 бронзовых знаков
- opacity
- css
-
Важное на Мете
Связанные
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.10.27.43697
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.