0

我在主页上有一个滑块图像

出于某种原因，在 Firefox 和 Safari 中，图像显示在右侧。在 Chrome 中，它应该显示在中心。

我相信这取决于定位，但是我尝试过的改变似乎有很大帮助。

有人有什么想法吗？

4

3 回答 3

2

将您的 CSS 更改为：

#slider-container{ 

width:960px;
position: relative;
overflow:hidden;
height:300px;
z-index:100;
border-bottom:1px solid #2b292d; padding-bottom:20px;
text-align: center;
margin: 0px auto;
}


#content-wrapper{ position:relative; z-index:200; bottom:-50px;}
于 2012-10-15T07:14:13.123 回答
0

.....................

您好，现在定义您的幻灯片 ID left 50%并授予margin-left: - halfslider width

像这样。

#slider-container{
left:50%;
margin-left:-480px;  // total width of 980px half
}

结果是http://i.imgur.com/b4a0X.jpg

于 2012-10-15T07:08:27.700 回答
0

将元素的 margin 属性设置为0 auto，然后将父元素的text-align属性设置为center

于 2012-10-15T07:10:26.257 回答