css定位困难

css positioning difficulty

本文关键字:定位 css      更新时间:2023-09-26

请原谅我问了这么简单的问题,我的用户名说明了一切。我在网站上定位透明背景时遇到了一个小问题: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向下移动"

有人知道我做错了什么吗?

首先做以下事情

删除使用img标记添加为背景图像的图像。而不是使用类似的css提供背景

background-image: url("images/carousel-bg-1.png");