Question

我正在尝试改造我曾经建造过的网站： www.Anke-Gerber.de

除非您将浏览器窗口拖得很糟糕，或者不幸的是使用手机，否则一切正常。然后，液体布局开始重叠，链接与徽标重叠。

为了解决这个问题，我想在背景图形的顶部放置一个透明的占位符png（在我的代码中称为platzhalter.png），覆盖徽标。如果我设法将链接列表放在该占位符下面，它应该停止重叠徽标。

不幸的是，在固定和绝对位置的所有混乱中（我有点确定我的很多位置标签完全是多余的，可能我只需要一个位置：固定，对于导航div），我找不到将链接放在占位符下面的方法。

我擅长帮助！

我的相关html：

<div id="content">


<div id="text">
</div>


<div id="Navigation">   
    <div class="Logo">
    <img src="<?php bloginfo('stylesheet_directory'); ?>/images/LogoHome2.png">

    </div>


    <div class="platzhalter">
    <img src="<?php bloginfo('stylesheet_directory'); ?>/images/platzhalter.png">

    </div>
    <br>


  <div class="Link1"> 
     <a href="http://www.anke-gerber.de/wp/category/vita/"  onmousedown="if 
    (event.preventDefault) event.preventDefault()">
     <img src="<?php bloginfo('template_directory'); ?>/images/buttonVita1.png">  </a>
  </div>

这是我的相关css：

#content{
    position: absolute; top: 0%; left: 0%; 
    z-index: 0;
    width: 100%;
    Height: 100%;
    }

#Navigation{
    position: fixed; top: 0%; right: 0%; 
    z-index: 1;
    width: 43%;
    Height: 100%;
    Background-color:;
    }


.Logo img { 
    width: 100%;
    Position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
    }


.platzhalter img {  
    width: 100%;
    Position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
    }


.Link1 img {
    width: 13%;
    height: auto;
    Position: fixed; top: 39%; right: 8%; 
    z-index: 4;
    Background-color: ;
    }

我认为问题在于该位置：链接的固定标签，但是当我删除该标签时，链接就会发生。

css：在我的固定导航中，我无法获得在空间持有者下面的链接

0 个答案: