Html CSS图像不显示

我已经在很多地方找到了答案，比如这里的一些论坛、daniweb，以及我在谷歌、必应和雅虎上找到的其他类似网站，但我仍然找不到答案。我的问题在于：

我正在尝试将一个图像编码到屏幕顶部（如果你想知道的话，可以使用Chrome），我希望它显示在我的横幅的左侧

代码如下：

LeftBanner {
    width: 20px;
    height: 40px;
    background-color: #b0c4de;
    position: fixed;
    top: 5px;
    background:url('/Graphics/LeftBanner.png');
    background-attachment: fixed;
}

---

你认为我是怎么让它出现的？如果在Inspect元素中，我删除了图像的复选标记，则会出现一个具有这些尺寸的框，因此我不在等式中。我尝试了很多东西，这是最后的结果。非常感谢您的建议或回答。

您忘记了

（类）或

#

（id）选择器。

您不能将图像仅放在您知道的CSS中。你必须开始在HTML代码中识别它，为它创建一个ID（只有当你有多张图片时），然后如果你真的想使用CSS进行绝对定位。例如，我将样式放在图像标记中，但我所做的如下：

 <img src="http://www.hrtlc.org/images/amput-2.jpg"  alt="Chest X-Ray" style="position: absolute; right: 200px; top: 100px; height: 200px; width: 300px; ">

试试这个

  .LeftBanner {
        width: 20px;
        height: 40px;
        background-color: #b0c4de;
        position: fixed;
        top: 5px;
        background-image:url('/Graphics/LeftBanner.png');
        background-attachment: fixed;
    }

---

使用此语法，您应该删除第一个slach

如果LeftBanner是一个类

.LeftBanner {
    width: 20px;
    height: 40px;
    background-color: #b0c4de;
    position: fixed;
    top: 5px;
    background-image:url('Graphics/LeftBanner.png');
    background-attachment: fixed;
}

或

如果LeftBanner是一个id

#LeftBanner {
    width: 20px;
    height: 40px;
    background-color: #b0c4de;
    position: fixed;
    top: 5px;
    background-image:url('Graphics/LeftBanner.png');
    background-attachment: fixed;
}

---

LeftBanner

是标记吗？o_0

LeftBanner

需要更改为

。LeftBanner

或

#LeftBanner

现在唯一有效的方法是如果您有一个HTML元素

，并删除图像中的第一个斜杠url@MichalChovanec这不取决于站点根还是相对于文档？是的，第一个斜杠是相对于站点根，而不是相对于文档当前文档或css文件，因此我认为最好使用相对于css文件的url。事实是，当我添加“.LeftBanner”时，它甚至不显示实心矩形。当我省略“.”时，它就会出现。@hjpotter92我放在那里的所有内容都提到了这一点，但我也解决了这个问题。我意识到，在你的JSFIDLE中，png的大小太大了，除非我把它变小，否则它不适合。是啊，哈哈。对不起，伙计们。我是一个非常年轻的努力“想成为独立开发者”，但它没有帮助，如果这个网站有一个向上投票和向下投票系统。我只会得到落选票，因为有时我看不到那些容易犯的错误。有没有一种方法可以让我保持安全，仍然提问，只是回答人们提出的问题，而不被别人评判我的问题陈述得有多好？这不全是关于声誉的。问问题时，你应该包括所有相关代码。@hjpotter92那么，我该如何处理我的CSS代码，使.LeftBanner发挥作用，而不仅仅是一个LeftBanner？你可以尝试

，如果这是一张糟糕的图片，我不是想表现得粗鲁，但我正在做一个关于截肢的项目，这是我代码中的第一张图片，不是关于图片。我误解了这句话，只在CSS中放置图像，你知道，仅仅使用CSS很难放置图像，你必须使用HTML或其他程序。样式基本上美化了你想要的对象，它不提供对象。