venuko Сообщение 21/01/2008 15:44 Копия темы
opacity Ребята как и кто бориться с этой заразой под все браузеры?

тобишь прозрачность картинки, нужно чтобы при наведении указателя мыши на неё происходило засветление (белый тон), чтобы она ярче становилась.

venuko Сообщение 21/01/2008 16:25 Копия темы
Решение нашел и фикс js для всех браузеров: www.tigir.com/opacity.htm

a:hover img [
filter:progid:DXImageTransform.Microsoft.Alph a(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
]

так как только в одном месте этот стиль нужно делать! А когда делаешь так a.img1:hover то этот стиль срабатывает только в Опере и Мозиле в ИЕ не пашет, видимо так hover не срабьатывает в ИЕ

И как быть?

venuko Сообщение 21/01/2008 16:35 Копия темы
получилось :) балин, размер блока надо было указать и усе работает в ИЕ тоже :)

[code]a.img_opacity:hover {
width: 188px;
height: 138px;
filter:progid:DXImageTransform.Microsoft.Alph a(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}[/code]

logicerror Сообщение 22/01/2008 17:36 Копия темы
img src=... class='img' onmouseover="this.className='img_over'"

venuko Сообщение 22/01/2008 17:41 Копия темы
а здесь блок не нужен?

logicerror Сообщение 22/01/2008 18:55 Копия темы
не обязательно.. класс может иметь любой тэг

Methos Сообщение 26/01/2008 00:25 Копия темы

venuko Сообщение 26/01/2008 07:03 Копия темы
Так?

logicerror Сообщение 28/01/2008 07:08 Копия темы
да, только зачем свойства ширины и высоты? ... проще же когда два класса – один нормальный, второй когда мышкой навели.. и эти классы присваивать всем картинкам которые дложны иметь данный эффект.. а не под каждую картинку собственный класс..., img. тут можно тоже опустить... и onmouseout тоже наверное добавить надо, чтобы эффект не оставался после того как мышь убрали с объекта... то есть так:

HTML:
[a href="#"][img src="..." width="..." height="..." onmouseover="this.className='img_over';" onmouseout="this.classname='img_normal';"][/a]

CSS:
.img_over {
filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.3
}

.img_normal {
filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1;
}

вроде так...

logicerror Сообщение 28/01/2008 07:11 Копия темы
а вообще здесь onmouseover и onmouseout вовсе не обязательны.. вроде.. ну если прописать [img classname="im"] и в css прописать .im:hover { ... то в Опере и ФФ работать должно, остаётся только IE, которые тип :hover понимает только с тэгом A, то есть по сути можно написать так:

HTML:
[a className="im" href="#"][img src="..."][/a]

CSS:
a im {
filter: alpha(opacity=100);
}

a im:hover {
filter: alpha(opacity=30);
}

не уверен, не пробовал... но вроде можно :\ т.е. тэг А тут получается как блок, и эффекты берет на себя он и соответственно его содержимое.. если не сработает можно еще попробовать добавить в css display: block..