html - CSS 背景图像问题

Question

我正在尝试获取图像以使用 css 背景图像显示图像，但无法渲染图像。

HTML:

<div class="row">
<div class="col-lg-12">
    <div class="row" class="rmh-logo">
        <div class="col-lg-9" align="left">
            <h1><?php echo "{$pageHeading}"; ?></h1>
        </div>
        **<div class="col-lg-3" align="right" class="rmh-logo">
            <!--<img src ="/rmhcOmahaTeam/assets/img/logo.png" width ="200" height ="100">   -->
        </div>**
    </div>
    <ol class="breadcrumb">
        <li>
            <?php echo "{$navLinks}"; ?>
        </li>
    </ol>
  </div>
  </div>'

CSS:

.rmh-logo {
    background-image: url("rmhOmahaTeam/assets/img/logo.png");
    background-repeat: no-repeat;
    background-position: top right;
    width:200px;
    height:100px;
 }

Answer 1

在 HTML 中你有一个斜杠链接到根 /rmhOmahaTeam/assets/img/logo.png，在 CSS 中没有。

我希望您的 CSS 文件在任何目录中，而不是在网站根目录中。

background-image: url("/rmhOmahaTeam/assets/img/logo.png");
                       ^