Jump to content

webbis

Newbie
  • Posts

    3
  • Joined

  • Last visited

webbis's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. самое интересное что родительский блок имеет свойство hasLayout. Все как написано в статье. Попробовал применит все фиксы для IE. Видимо из-за того что блок hidden изначально, на него не накладываются некоторые свойства при загрузке страницы.
  2. Добавление cюда z-index привело к потере работоспособности в остальных браузерах.
  3. Здравствуйте, проблема вот в чем: Сайт: http://photo.prime-gr.ru. На главной странице идут друг за другом маленькие картинки (float). При нажатии вываливается абсолютно позиционированная большая картинка. Этот блок привязан к первому, родительскому. Так вот, во все нормальных браузерах эта картинка поверх остальных. А в IE она под ними. Привожу часть кода: HTML: <div class="photos"> <ul> <li><a href="#" onclick="$('#js_img_204').show('slow'); "><img src="/upload/gallery/images/small/2a9b0a9b9ced4b794923303cee830586.jpg" border="0" height="40" /></a> <div id="js_img_204" class="overview"><a rel="lightbox-tour" href="/upload/gallery/images/2a9b0a9b9ced4b794923303cee830586.jpg" title=""><img title="Перейти к фото" src="/upload/gallery/images/humb/2a9b0a9b9ced4b794923303cee830586.jpg" border="0"/></a></div> </li> <li><a href="#" onclick="$('#js_img_205').show('slow'); "><img src="/upload/gallery/images/small/c751ae4bbfb72f6a78898ec683499c53.jpg" border="0" height="40" title="Нажмите, чтобы увеличить"/></a> <div id="js_img_205" class="overview"><a rel="lightbox-tour" href="/upload/gallery/images/c751ae4bbfb72f6a78898ec683499c53.jpg" title=""><img title="Перейти к фото" src="/upload/gallery/images/humb/c751ae4bbfb72f6a78898ec683499c53.jpg" border="0"/></a></div> </li> </div> CSS: .photos {margin-top:43px; margin-left:30px; margin-right:30px; overflow:hidden} .photos img {margin-bottom:14px} .photos .photo {position:relative; display: inline;} .photos ul { margin:0; padding:0; list-style:none; } .photos ul li { position:relative; display: inline; height:54px; float:left } .overview {position:absolute; top:0px; left:0px; display: none; z-index:100 !important; zoom:1; height:128px; width:100px;} p.s. весь инет перерыл, но решения так и не нашел.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy