Форум PHP программистов > Какие отличия работы Opaque для IE & Firefox?

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Какие отличия работы Opaque для IE & Firefox?

Lucky

29.09.2006 - 20:42

Какие отличия работы Opaque для IE & Firefox? Данный код прекрасно работает в IE но не хочет "оживать" в FireFox'e Описание кода: Выводится два слоя (id="pic_0" & id="pic_1"). При наведении мышки на pic_0 или pic_1 меняется Opaque для данной картинки. Когда мышь "уходит" Opaque восстанавливается.

 
<body>
<div style="position:absolute; height:250px; width:250px; z-index:2; visibility:visible; ">
	<a href="" title="click for details of this product">
	<img id="pic_0" src="paw.gif" width="250" height="250" border="2" 
	style="position:relative; left:0px; top:0px; filter:alpha(opacity=30); -moz-opacity:0.3" 
	onMouseover="lightup(this, 100)" onMouseout="lightup(this, 30)"/></a>
</div>
 
<div style="position:absolute; height:250px; width:250px; z-index:2; visibility:visible; ">
	<a href="" title="click for details of this product">
	<img id="pic_1" src="star.gif" width="250" height="250" border="2" 
	style="position:relative; left:0px; top:300px; filter:alpha(opacity=50); -moz-opacity:0.5" 
	onMouseover="lightup(this, 100)" onMouseout="lightup(this, 30)"/></a>
</div>
 
<script type="text/javascript">
 
	function lightup(imageobject, opacity){
		if (navigator.appName.indexOf("Netscape")!=-1&&parseInt(navigator.appVersion)>=5)
		imageobject.style.MozOpacity=opacity/100;
		else if (navigator.appName.indexOf("Microsoft")!=-1&&parseInt(navigator.appVersion)>=4)
		imageobject.filters.alpha.opacity=opacity;
	}
</script>
</body>

Спустя 25 минут, 51 секунда (29.09.2006 - 20:08) vasa_c написал(а):

У меня одинаково работает в IE6 и FF1.5.0.9
Какая у тебя версия FF? В ней вообще не работает?

Спустя 6 часов, 44 минуты, 55 секунд (30.09.2006 - 02:53) Lucky написал(а):

Ver 1.5.0.7

картинка pic_0 меняет прозрачность только если я касаюсь мышкой правого (восточного) бордюра. Т.е. когда я навожу мышь на эти 2 пиксела - border="2" .

pic_1 ни каких проблем.

Спустя 5 часов, 53 минуты, 37 секунд (30.09.2006 - 08:47) Leningrad00 написал(а):

Зачем слои, если не позиционировать их?
Вот это — left:0px; top:0px; — брось в свойства слоя, а не картинки.

Спустя 27 минут, 16 секунд (30.09.2006 - 09:14) Lucky написал(а):

QUOTE(Leningrad00)

Зачем слои, если не позиционировать их?

Мне надо будет вкл/выкл слои.

QUOTE(Leningrad00)

Вот это — left:0px; top:0px; — брось в свойства слоя, а не картинки.

Спасибо, Отлично работает. :)

Но тут у меня другой вопрос возникает - я планировал перемещать катринки в рамках слоя. Если я убираю координаты из свойств картинки, тем самым я делаю их недвижимыми?

Спустя 39 минут, 47 секунд (30.09.2006 - 09:54) Lucky написал(а):

Ещё один вариант решения - z-index первой кртинки (pic_0) должен быть выше второй. Только не пойму почему не работает наоборот?

Спустя 37 минут, 34 секунды (30.09.2006 - 10:31) Leningrad00 написал(а):

Да вроде работает и наоборот...
Для перемещения чего-то1 внутри чего-то2, я бы что-то2 засунул в еще один слой с относительной позицией. И двигал бы слой внутри слоя. Впрочем, что мешает прописать свойства left и top (ну, по желанию) и картинке...

Спустя 7 часов, 19 минут, 55 секунд (30.09.2006 - 17:51) Lucky написал(а):

QUOTE(Leningrad00)

В чём преимущуство того, что двигать слой в слое ?

Спустя 3 минуты, 2 секунды (30.09.2006 - 17:54) Lucky написал(а):

QUOTE(Leningrad00)

Да вроде работает и наоборот...

а у меня наооборот нет (если z-index для катринки_2 больше). Картинка_1 - просто заморожена.

Спустя 18 часов, 38 минут, 46 секунд (1.10.2006 - 12:33) Leningrad00 написал(а):

Двигать слой в слое потому, что так все придумано. Чтобы двигать слой в слое. Потому, что позиция вложенного слоя считается относительно родительского.
А остальное так, словоблудие.

Спустя 6 минут, 46 секунд (1.10.2006 - 12:40) Lucky написал(а):

QUOTE(Leningrad00)

Потому, что позиция вложенного слоя считается относительно родительского.

ОК, Спасобо.

_____________

Быстрый ответ:

Здесь расположена полная версия этой страницы.