css定位难度

时间:2012-08-28 09:47:46

标签: javascript jquery html5 css3 media-queries

请原谅我这么简单,我的用户名说明了一切。我在网站上定位透明背景时遇到了一些问题:http://iamnatesmithen.com/bodyworks/index.php

我注意到当我展开我的屏幕时,透明背景嵌套在旋转木马中

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin-top: -151px;
    float: left;
    z-index: -1;
}
.rslides img {
    display: block;
    width: 100%;
    border: 0;
    float: left;
}

出于某种原因#carousel-bg在媒体查询调用中移出1050px到1600px之外的位置。 “如果你将屏幕尺寸扩大到超过1200px,你会注意到#carousel-bg向下移动”

有人知道我做错了吗?

1 个答案:

答案 0 :(得分:0)

首先做以下事情

使用img标签删除已添加为背景图像的图像。 而不是使用像

这样的css给背景
background-image: url("images/carousel-bg-1.png");