Question

我试图在我的单页产品网站上添加背景图片到我的第一个面板。出于某种原因（我无法弄清楚）我的背景图片不会加载。请帮忙！

HTML：

def bound(vw, v, w, idx):
    if idx >= len(vw) or w > limit:
        return -1
    else:
        while idx < len(vw) and w + vw[idx][1] <= limit:
            v, w, idx = v+vw[idx][0], w+vw[idx][1], idx + 1
        if idx < len(vw):
            v += (limit - w)*vw[idx][0]/(vw[idx][1] * 1.0)
        return v

def knapsack(vw, limit, curValue, curWeight, curIndex):
    global maxValue
    if bound(vw, curValue, curWeight, curIndex) >= maxValue:
        if curWeight + vw[curIndex][1] <= limit:
            maxValue = max(maxValue, curValue + vw[curIndex][0])
            knapsack(vw, limit, curValue + vw[curIndex][0], curWeight + vw[curIndex][1], curIndex+1)
    if curIndex < len(vw) - 1:
            knapsack(vw, limit, curValue, curWeight, curIndex+1)
    return maxValue

maxValue = 0

def test():
    with open(sys.argv[1] if len(sys.argv) > 1 else sys.exit(1)) as f:
    limit, n = map(int, f.readline().split())
    vw = []
    for ln in f.readlines():
        vl, wl = map(int, ln.split())
        vw.append([vl, wl, vl/(wl*1.0)])
    knapsack(sorted(vw, key=lambda x: x[2], reverse=True), limit)

CSS：

/ * HEADER PANEL * /

<!-- panel 1 -->
<div class="header">
<h3> Introducing the </h3>
<h1> Vespa Tribute </h1>
<p> Scheduled for release in June 2016, this limited edition scooter will only      be produced 250 times. Enter your email below to be partnered with a Vespa representative who will ensure that you stay updated and informed about how be part of this exclusive venture. </p>
<input type="text" name="emailaddress" placeholder="Email address">
<button type="button">Get exclusive Info</button>
<img src="images/vespa1.png" alt="vespa" />

Answer 1

你的div没有关闭，但我假设你没有粘贴整个代码。

你的CSS代码说HEADER PANEL - 这是否意味着你没有将它作为单独的样式表使用？如果它位于单独的工作表中，则必须指定与样式表位置相关的路径而不是HTML。

您是在自己的计算机上工作还是在实时服务器上测试此代码？您是在CMS或其他类似的附加组件中使用自己的CSS库吗？

我建议做Nathan的建议，确保通过从地址栏加载它是正确的文件路径。

接下来，如果您正在测试此代码，我会尝试指定确切的文件路径 - “http://server.com/images/image1.png”

之后，如果它仍然无法运行且文件路径正确，请尝试打开所有链接的样式表并查找与“img”元素关联的任何值 - 逐个删除它们，同时在两者之间刷新页面以找到冲突的代码。

对我来说看起来不错，所以如果这些建议没有解决我会感到惊讶。

在CSS中添加背景图像

1 个答案: