2
Это результат слайдера изображения в IE8, не похожий на Opera, Mozilla Firefox и Google Chrome. Он должен быть центром и не имеет поля или места в левой части. а также не переходит к следующему слайду. Как я могу исправить эти проблемы. Пожалуйста, помогите мне.Image Slider в IE
Мой CSS
#container3 {
height: 350px; width: 990px;
position: relative;
padding: 0;
margin: 0;}
div#captioned-gallery {
width: 100%; height: 350px; padding: 15x 0 0 15px; margin: 0;
overflow: hidden;
position: relative; z-index: 5;
background-image: url(../images/slideshow-background.jpg);
}
figure {
padding-left: auto;
padding-right: auto;
margin: 0;
}
figure.slider {
position: relative;
width: 990px;
animation: 40s slidy infinite;
margin: 0;
}
figure.slider figure{
width: 990px;
height: 350px;
display: inline-block;
position:absolute;
}
figure.slider img {
min-width: 990px; min-height: 350px center;
max-width: 990px; max-height: 350px center;
padding: auto;
position: relative;
}
figure.slider figcaption {
position: absolute; bottom: 0;
background: rgba(0,0,0,0.5);
color: #fff;
width: 970px;
font-size: 11px; padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
text-align: justify;
padding-left: 10px;
margin: 0 auto;
}
figure.slider figcaption a {
text-decoration: none;
color: #25aee4;
font-size: 11px;
text-transform: none;
}
figure.slider figcaption h3 {
color: #25aee4;
font-size: 13px;
text-transform: uppercase;
}
'
мин-высота: 350 пикселей в центре; - недействительно – Dmitriy
@Dmitriy. Есть ли какой-либо код, который недействителен? Пожалуйста, проверьте. – DeinlaGforce
Почему 'min-width: 990px; мин-высота: 350px центр; max-width: 990px; max-height: 350px center; 'вместо' width: 990px; Высота: 350 пикселей; '? – disinfor