Проблема с opacity - SEO форум MaulTalk.com

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Проблема с opacity

Опции

albert20707

Topic Starter сообщение

24.11.2013, 11:36; Ответить: albert20707

Сообщение #1

Группа: User
Сообщений: 73
Регистрация: 29.3.2012
Поблагодарили: 0 раз
Репутация:

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href ="style.css" rel="stylesheet" type="text/css">
<head>
<script>
02
function changeBg(){
03
document.getElementById("div_id").style.background Image="background2.jpg";
04
}
05
</script>

<title>Шрифты</title>
</head>
<body onLoad="setTimeout('changeBg()',1000);">
<div class="main-block">

</center>
<div class="main">
<div id="div_id">Вас приветствует онлайн-плеер музыки!</div>
<center>
<div class="audio-block">
<audio controls>
<source src="SHIFT.mp3" type="audio/mpeg">
</audio>
</center>
</div>


</div>
</div>
</body>
</html>

[CSS]@font-face {
font-family:'MagistralC';
src: url('PoiretOne-Regular.ttf');
}
#div_id{
font-family:"MagistralC",sans-serif;
font-size:30;
color:black;
text-align:center;
text-decoration:blink;
}
.main{
width:40%;
height:100%;
background:white;
opacity:0.2;
z-index:2;
margin:auto;
}
.main-block{
width:100%;
height:100%;
background-image: url('img/bg.jpg');
}
.audio-block{
opacity:1;
z-index:3;

}[/CSS]
[IMG]http://i065.radikal.ru/1311/e8/3e224218b173.png[/IMG]
Как сделать так, чтоб блок в блоке с opacity 0.2 был виден лучше (c opacity 1) ?

Ответить с цитированием данного сообщения

Degradator Degradator 25.11.2013, 18:04; Сообщений: 2113 Поблагодарили: 18 раз Репутация: 8 Просмотр профиля	25.11.2013, 18:04; Ответить: Degradator Сообщение #2
0 Группа: Active User Сообщений: 2113 Регистрация: 2.7.2012 Поблагодарили: 18 раз Репутация: 8	попробуйте вот так .main { opacity: 1; } или так .main > { opacity: 1; }

albert20707 Topic Starter albert20707Topic Starter 26.11.2013, 20:01; Сообщений: 73 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 26.11.2013, 20:01; Ответить: albert20707 Сообщение #3
0 Группа: User Сообщений: 73 Регистрация: 29.3.2012 Поблагодарили: 0 раз Репутация: 0	(Degradator @ 25.11.2013, 21:04) попробуйте вот так .main { opacity: 1; } или так .main > { opacity: 1; } Никак :(

Azazaza_hb

27.11.2013, 8:22; Ответить: Azazaza_hb

Сообщение #4

Группа: User
Сообщений: 468
Регистрация: 21.7.2011
Поблагодарили: 0 раз
Репутация:

CSS3 непрозрачный элемент на прозрачном

http://webmaster-notes.blogspot.com/2012/04/css3.html

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Проблема с админкой	5	Prok	2337	29.7.2019, 20:04 автор: dvakarandasha
Проблема с таблицей, которая выводится через скрипт	7	vanchester	1339	15.2.2019, 19:06 автор: Artos_mw
Проблема в тегах при сохранении контента	1	Kord18	1426	13.3.2018, 18:19 автор: Evgeniy3200
Проблема вёрстки адаптивной страницы на divах	28	master-vek	4717	8.2.2018, 19:29 автор: master-vek
Проблема с All in one SEO?	17	okseo	2685	30.11.2017, 14:06 автор: okseo

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 20.4.2024, 9:05

Дизайн