绝对位置div与图像背景

时间:2013-09-14 20:28:23

标签: css google-chrome

在过去的几个小时里,我试图弄清楚为什么只有一个带有图像背景的绝对定位div出现。这是我的绝对定位div的css代码

.nastip {
position: absolute;
width: 64px;
height: 20px;
background-image: url(https://s3.amazonaws.com/assets.heroku.com/addons.heroku.com/catalogs/287/small.png);
right: -36px;
bottom: 2px;
}

以下是整个代码http://jsfiddle.net/6uAvq/

我需要在绝对定位的div中显示两个图像。

我使用chrome浏览器。谢谢你的任何建议。

1 个答案:

答案 0 :(得分:3)

.aakcia规则之前,您的css中有一个分号,它会终止之后出现的更多样式。

; /*Remove this*/
.aakcia {
    position: absolute;
    width: 64px;
    height: 20px;
    background-image: url(https://s3.amazonaws.com/assets.heroku.com/addons.heroku.com/catalogs/287/small.png);
    right: -36px;
    bottom: 20px;
}
;

<强> Fiddle