CSS 左 :25% not working the same across browsers?

标签 css

<分区>

我在 homepage 上有一个 slider 图像

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

我相信这取决于定位,但我尝试完成的更改似乎很有帮助。

有人有什么想法吗?

最佳答案

将您的 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;}

关于CSS 左 :25% not working the same across browsers?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12890714/

上一篇:html&css 将白色箭头设置为底部图像

下一篇:html - HTML 中的类描述是否重叠?

相关文章:

css - 从 Console.log 中获取信息并显示在 div 中

javascript - 使用图像而不是按钮打开文件对话框

css - 无法在 html div 元素周围设置边框

html - 背景图片在手机上无法完全显示

javascript - 滚动 Pane 高度问题

css - 图片和文字重叠

Javascript/jQuery : toggle (vjs-fade-out) when userActive value changes (video. js)

html - 您能否仅将 CSS 应用于包装的文本,即第二行和后续行?

javascript - jquery 显示/隐藏后翻转框相互重叠

css - 使移动设备用户能够在 `position: fixed` 和 `position: static`(或 'relative')之间切换 div