Добрый день.
Есть такой код:
|
Код:
|
<div id="mask"> <img id="image" src="images/picture2.jpg"/> <div id="blockLeft"></div>
<div id="blockTop"></div>
<div id="blockRight"></div>
<div id="blockBottom"></div>
<div id="content"></div> </div> |
где,
image - изображение;
blockLeft, blockTop, blockRight, blockBottom - реализуют полупрозрачную маску;
content - область видимости;
Вот как это выглядет визуально:
http://javascript.ru/forum/attachmen...1&d=1311256263
Перемещается изображение методом нажатия кнопки мыши по части изображения что попала в область видимости. У изображения абсолютное позицинирование. У всех остальных дивов относительное.
Ситуация в том, что в таких браузерах как Опера и Експлорер все отлично работает. Но вот в FF и Chrome перемещение не работает из-за того, что
<div id="content"></div> находится по верх изображения.
Как сделать так чтобы работало во всех браузерах? Спасибо.