Правое изображение исчезает в браузерах при увеличении

Question

Правое изображение исчезает в браузерах при увеличении

0

[JCSys.co.uk] [1] Привет, У меня возникла проблема на сайте, который использует сценарий цикла JQuery для прокрутки трех изображений в заголовке. Когда браузер будет увеличен (90% вниз), третье изображение с правой стороны (последнее в прокрутке) исчезнет. Это происходит не в IE9, а в IE8/IE10 и Firefox. Я еще не пробовал в Chrome или Safari.

Сайт [1]: http://www.jcsys.co.uk

Код css для этого раздела заголовка прокрутки

#container #slidehowheaderbox .slideshow {
z-index: 2;
width: 332px;
position: relative;
left: 0px;
top: -220px;
margin-right: auto;
margin-left: auto;
float: left;
overflow: hidden;
}
#container #slidehowheaderbox .slideshow2 {
z-index: 2;
width: 334px;
position: relative;
left: 0px;
top: -220px;
margin-right: auto;
margin-left: auto;
float: left;
overflow: hidden;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFF;
border-left-color: #FFF;
}
#container #slidehowheaderbox .slideshow3 {
z-index: 2;
width: 333px;
position: relative;
left: 0px;
top: -220px;
margin-right: auto;
margin-left: auto;
float: left;
overflow: hidden;
}

Любая помощь будет принята с благодарностью, спасибо заранее

tims31 12 нояб. 2013, в 08:55

Источник

0

Извините, Вы имеете в виду div, содержащий их, который является #slideshowheaderbox? [Code] #container #slidehowheaderbox {height: 193px; переполнение: скрытое; ширина: 1000 пикселей; }
tims31 12 нояб. 2013, в 08:28

Теги:

jquery

image

zooming

1 ответ

Ещё вопросы

Извините, Вы имеете в виду div, содержащий их, который является #slideshowheaderbox? [Code] #container #slidehowheaderbox {height: 193px; переполнение: скрытое; ширина: 1000 пикселей; }

6502 · Answer 1 · 2013-11-12T07-02-00.000Z

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

Я попытался исправить ваш CSS, но логика позиционирования слишком запутана, на мой взгляд.

Почему вы используете относительные, поплавки и поля вместо простого абсолютного позиционирования?

Я не мог заставить изображения располагаться правильно с наложением и изображениями, чтобы прокрутить иначе с моими ограниченными знаниями