Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
666 / 212 / 88
Регистрация: 21.07.2016
Сообщений: 1,036
Записей в блоге: 2
1

Убрать прозрачность на полупрозрачном фоне

12.02.2017, 16:48. Просмотров 1409. Ответов 2
Метки нет (Все метки)

Подскажите пожалуйста как отменить полупрозрачность для вложенных элементов на полупрозрачном фоне?

полупрозрачность для фона сделал вот так:
CSS
1
.bg_wrapper {opacity: 0.5; background-color: #333; width: 400px;}
пытался убрать полупрозрачность для вложенных элементов вот так:
CSS
1
.bg_wrapper * {opacity: 1.0;}
как должно быть
как получилось
0
Миниатюры
Убрать прозрачность на полупрозрачном фоне   Убрать прозрачность на полупрозрачном фоне  
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
12.02.2017, 16:48
Ответы с готовыми решениями:

Прозрачные кружки на полупрозрачном фоне
Всем привет . Хочу сделать такой эффект .Как это можно сделать? Пробовал делать прозрачный круг...

На фоне picturebox1, прозрачность picturebox2 (свойство Transparent) не отображается
На фоне picturebox1, прозрачность picturebox2 (свойство Transparent) не отображается. Как сделать...

убрать прозрачность
есть прозрачный блок .top{ min-width:1000px; height:30px; background:#1A272F;...

Как убрать прозрачность?
Здравствуйте! как можно убрать прозрачность? http://xrizotil.idhost.kz/ opacity:0.5 стоить?...

2
Эксперт по компьютерным сетямЭксперт NIX
11740 / 6717 / 628
Регистрация: 09.09.2009
Сообщений: 26,561
12.02.2017, 16:53 2
еще один вложенный div без бакграунда и без прозрачности. и уже в него - все вложенные элементы
1
Эксперт HTML/CSS
2943 / 2507 / 1063
Регистрация: 15.12.2012
Сообщений: 9,389
Записей в блоге: 9
12.02.2017, 16:54 3
Лучший ответ Сообщение было отмечено dailydose как решение

Решение

dailydose, легко...
CSS
1
background:rgba(51,51,51,0.5)
Пример:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        body{
            background: url(http://www.cruzo.net/user/images/k/ecc3ecf42c75db1ffce5d06cbe95b1e6_644.jpg) no-repeat 0/cover;
        }
        div{
            width: 400px;
            height: 400px;
            margin:0 auto;
            background: rgba(51, 51, 51, 0.5)
        }
        h1{
            color:#fff;
            text-align: center
        }
    </style>
</head>
<body>
    <div>
        <h1>Блок с прозрачным фоном<h1>
    </div>
</body>
</html>
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
12.02.2017, 16:54

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

прозрачность убрать css
&lt;div class=&quot;top&quot;&gt; &lt;div class=&quot;top_left&quot;&gt; &lt;/div&gt; &lt;div class=&quot;top_right&quot;&gt; ...

Убрать прозрачность кнопок
Сделал полупрозрачный bacground для div-ва с помощью opacity. Но когда я добавляю кнопки на этот...

Убрать прозрачность кнопок
Добрый вечер Подскажите как убрать прозрачность кнопок? http://testhtml.besaba.com/ Нажать на...

Убрать прозрачность на загружаемой фотографии
Здравствуйте! Подскажите, как можно заменить прозрачность обычным белым цветом на загружаемой...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.