CSS:图像定位问题

Question

我有一个 drupal 7 站点，我要为其添加横幅图像作为内容类型字段。但后来我使用 CSS 将其定位到具有以下 CSS 规则的绝对路径。

    .field-name-field-banner-image {
        position:absolute;
        top:123px;
        left:50%;
        margin-left:-490px;
    }

它对普通用户来说工作正常，但是当我以管理员身份登录时，由于顶部的工具栏覆盖，位置变得困惑。我该怎么做才能让它也适用于管理员。这是页面 http://azkaar.com/_mysites/muusa/

Answer 1

嗯.. 当我查看此 css 时，您的制作字段名称字段横幅图像中心。

 .field-name-field-banner-image {
    position:absolute;
    top:123px;
    left:50%;
    margin-left:-490px;
}

尝试放置布局的特定宽度，这意味着如果你有

 margin-left:-490px;

应该是这样的

.field-name-field-banner-image {
    width:980px;
    position:absolute;
    z-index:200;
    top:123px;
    left:50%;
    margin-left:-490px;
}

如果您对重叠有疑问，我添加了 z-index。

但在 drupal 中，我认为这是管理员方面的问题。尝试联系 drupal 支持。