我正在尝试使用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;
}
答案 0 :(得分:2)
在HTML中,你有一个斜杠链接到根/rmhOmahaTeam/assets/img/logo.png
,在CSS中没有。
我希望您的CSS文件位于任何目录中,而不是在网站根目录中。
background-image: url("/rmhOmahaTeam/assets/img/logo.png");
^