LINUX.ORG.RU

Изнасиловать осла

 ,


0

1

Есть хтмл-код:

<div class="block1">
<div class="block2">Block 2</div>
<div class="block3">Block 3</div>
</div>
Нужно, что бы при наведении на глобальный block1, он и все внутренние меняли прозрачность. Написал в css:
.block1 {
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0; 
}
.block1:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}
во всех нормальных браузерах канает, а в осле нет. в осле получается только если так:
.block1, .block2, .block3, {
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0; 
}
.block1:hover, .block2:hover, .block3:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}
Но так мне не нужно, ибо в этом случае каждый из этих дивов меняет прозрачност независимо от другого, если наведено скажем на block2 то 1 и 3 в этом случае прозрачность не меняют. Как чпокнуть осла ( можно примером в любой извращенной-хак форме, главное решить задачу)?



Последнее исправление: ioexception (всего исправлений: 1)
Ответ на: комментарий от x3al

Попробуй .block1:hover .block2, .block1:hover .block3

Ты гений! Помогло, спасибо.

ioexception
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.