Chrome CSS错误:图片元素未显示

时间:2012-02-18 17:27:37

标签: css google-chrome

我在Chrome中遇到了CSS问题(版本号:17.0.9),其中的图像元素没有显示出来。请看一下这个链接:http://next.lab501.ro/smartphone/nokia-n9-meego-to-go/3

在主体的右上角,您应该看到一个页面列表,其中两个图像箭头充当下一个和上一个链接。在Chrome中,仅显示下一个图像箭头。

在任何其他浏览器(Firefox,IE9)中,一切都显示正常。我做错了什么?

3 个答案:

答案 0 :(得分:0)

你必须给.prev - float left [它会自动生成元素块]。是一个内联元素 - >宽度,高度,填充[top,bottom],margin [top,bottom]等。除非是块级元素,否则不会被应用。

答案 1 :(得分:0)

如果在.prev元素中设置float:left,它会显示,但您必须降低右边距,以便更接近数字。

答案 2 :(得分:0)

http://next.lab501.ro/wp-content/themes/new-theme/style.css中,它说:

.prev {
background: url(img/nav-left.png) no-repeat scroll 0 0 transparent;
padding: 3px 12px 5px;
margin-right: 2px;
width: 23px;
height: 22px;
}

在其末尾添加float: left;。我还会更改右侧的填充以使其更接近数字。在这种情况下,我将其更改为0。代码现在看起来像这样:

.prev {
background: url(img/nav-left.png) no-repeat scroll 0 0 transparent;
padding: 3px 0 5px;
margin-right: 2px;
width: 23px;
height: 22px;
float: left;
}