【发布时间】：2015-10-10 07:34:16
【问题描述】：
这是 IE8 中图像滑块的输出，与 Opera、Mozilla Firefox 和 Google Chrome 不同。它必须居中，并且在左侧没有边距或空间。而且它也不会移动到下一张幻灯片。我该如何解决这些问题。请帮帮我。
我的 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;
}
'
【问题讨论】：
-
最小高度：350px 中心； - 无效
-
@Dmitriy 。有没有无效的代码？请检查。
-
为什么是
min-width: 990px; min-height: 350px center; max-width: 990px; max-height: 350px center;而不是width:990px; height:350px;？ -
@disinfor。谢谢我现在修好了。
-
另外，请发布一些 HTML 并告诉我们您使用什么代码/插件/脚本来操作幻灯片。
标签： html css image internet-explorer