【问题标题】:css positioning difficultycss定位难度
【发布时间】:2012-08-28 18:22:18
【问题描述】:

请原谅我问的这么简单,我的用户名说明了一切。我在我的网站上定位透明背景时遇到了一点问题: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 在媒体查询调用中移动了 1050 像素到 1600 像素的位置。 “如果您将屏幕尺寸扩大到 1200 像素以上,您会注意到 #carousel-bg 会向下移动”

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

【问题讨论】:

  • 你能告诉我你到底在找什么吗?
  • 如果您将屏幕尺寸扩大到 1200 像素以上,您会注意到 #carousel-bg 向下移动
  • 我见过。您在寻找什么样的输出?创建图像并链接它。所以我可以帮助你。
  • 坐在该背景上将有轮播的内容。所以它将是图像和链接。

标签: javascript jquery html css media-queries


【解决方案1】:

首先做下面的事情

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

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

【讨论】:

猜你喜欢
  • 2022-11-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-11-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-11-21
相关资源
最近更新 更多