CSS背景图片问题

时间:2014-11-16 08:05:01

标签: html css

我正在尝试使用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;
 }

1 个答案:

答案 0 :(得分:2)

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

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

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