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");
                       ^

CSS背景图片问题

1 个答案: