Question

好吧，我刚从互联网上下载了一个免费模板，并将其放在较低级别：http://imgur.com/iciYXMP。

我想在那里放置一个图像而不是地图，但我无法弄清楚如何做到这一点。有一个非常复杂的脚本用于地图，有2000-2500行。我试图删除所有内容并放置我的脚本而不是它，但在最好的情况下，我的图像显示在页脚之后。

这个代码变得更暗了，我想：

    #map {
    height: 830px;
}
.map {
    position: relative;
    overflow: hidden;
}
.contact {
    position: absolute;
    width: 100%;
    height: 830px;
    margin-top: 0px;
    left: 0;
    margin-top: -830px;
    background: rgba(0, 0, 0, 0.51);
}
.contact-caption {
    margin-top: 120px;
}

在索引中，它看起来像这样：

<div class="api-map" id="contact">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 map" id="map"></div>
        </div>
    </div>
</div>

请帮帮我吗？

Answer 1

你可以在你的CSS中做这样的事情。

body {
    height: 100%;
    background-image: url("imageURL");
}

或者，如果您必须使用javascript作为背景图片，请执行此操作。

document.body.style.backgroundImage = "url('')";

Answer 2

如果您提供实际模板供我参考，这个问题会更容易回答。但是，请尝试以下步骤：

找到包含地图的根元素作为背景。

从中删除地图，并使用以下css：

element{
    background-image: url("imageUrl");
}

这将很好地塑造背景。如果您需要进一步的帮助，请对此帖发表评论或澄清！

如何使用Javascript显示图像？

2 个答案: