【发布时间】：2015-04-22 16:01:40
【问题描述】：
在我的Joomla 3.x Bootstrap site 上，我想在导航栏和幻灯片上放置一个徽标，如下所示：
导航栏是“固定顶部”，幻灯片放置在任何其他容器之外，以便以全宽显示。 更复杂的是，徽标应该在滚动时固定在顶部，就像导航栏一样。 但在移动设备上，它应该向上移动（再次，就像导航栏），甚至被另一个（更小的）图像所取代。
如何做到这一点？
标志链接到主页，现在是通过将 href 和标志图像本身放在 index.php 中来完成的。
要根据视口轻松更改图像，我必须在 css 中进行。但是如何链接到主页呢？
请帮助我正确放置徽标图像（响应式）。
.logo-wrapper {
position: relative;
z-index:1;
}
.toplogo {
position:absolute;
width:auto;
height:auto;
z-index:10;
left: 0px;
top: 0px;
}<body id="<?php echo ($itemid ? 'itemid-' . $itemid : ''); ?>">
<div id="toplogo">
<a href="<?php echo $root = JURI::root();?>" onfocus="blur()">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo-test.png" title="Zur Startseite" alt="<?php echo $root = JURI::root();?>" border="0"/>
</a>
</div>
<!-- Begin Navbar-->
<?php if ($this->countModules('position-9')): ?>
<div class="navbar navbar-inverse navbar-fixed-top">
<!-- navbar-inverse navbar-fixed-top -->
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<!--<a class="brand" href="#"><?php echo $sitename ?></a>-->
<div class="nav-collapse collapse">
<jdoc:include type="modules" name="position-9" style="none" />
</div>
</div>
</div>
</div><!--End navbar-->
<?php endif; ?>
<?php if ($this->countModules('position-5')): ?>
<div class="bigimage">
<jdoc:include type="modules" name="position-5" style="none" />
<div class="clearfix"></div>
</div><!--End Bigimage-->
<?php endif; ?>
<div class="container">
<!-- Begin Header-->
<div class="header">
<div class="header-inner">【问题讨论】：
-
很遗憾，到目前为止还没有答案。我知道有很多要求，但我试图自己完成这两天，但没有成功。我什至发现了另一个问题（stackoverflow.com/questions/11816819/…），但不幸的是它没有用。我想要实现的也可以在这里看到：skagosoil.gr。与此同时，我已将徽标链接放回导航栏容器...
标签： css twitter-bootstrap joomla containers graphical-logo