我对基本的html/css很熟悉,但是我在一个tumblr主题中遇到了一个问题。无法选择“我的侧边栏”中的文本,并且链接不起作用。我读过一些人在把div放在一个span标记中,或者因为一个position:absolute出现问题,但我不认为这两个都是问题所在。您可以查看未完成的站点here
编辑:包括相关代码

<header id="masthead">
<div id="header">
    {block:IfMastheadPortrait}
    <img src="{PortraitURL-128}"/>
    {/block:IfMastheadPortrait}
    <div id="big"><a href="http://chelseaborg.com" title="{lang:Home}">{Title}</a></div>
    <div id="goto"><a href="http://chelseaborg.com/about">About</a> //
    <a href="http://chelseaborg.com/submit">Contact</a></div>
    {block:Description}
    <p>{Description}</p>
    {block:Description}
</div>
<!--Navigation-->
<nav>

    <div id="linx">
   <span style="background-color: #007A5E"><a href="http://chelseaborg.com/tagged/design">Design</a></span>
<br />
    <span style="background-color: #007A5E"><a href="http://chelseaborg.com/tagged/drawing">Drawing & Painting</a></span>
<br />
<span style="background-color: #007A5E"><a href="http://chelseaborg.com/tagged/photo"> Photography</a></span>
<br />
<span style="background-color: #007A5E"><a href="http://chelseaborg.com/tagged/mix">Mixed Media</a></span>
</div>
    <br />
</nav>
</header>

还有CSS
#big {
color: {color:Masthead links};
font-size: 40px;
font-family: 'Codystar', sans-serif;
text-align: center;
}
#masthead {
background: {color:Masthead background} url('{image:Masthead}');
opacity: 0.7;
padding: 2%;
color: {color:Masthead text};
font-size:10.5px;
width: 180px;
height: 100%;
position: fixed;
float:left;
xmargin: {text:Post margin};


}
#masthead a {
color: {color:Masthead links};
}
nav li {
display: inline;
}
#linx {
text-align:center;
font-size:15px;
line-height:1.5;
font-family: {font:body} ;
color: #007A5E;
}
#linx a {
color:#000;
}
#goto {
text-align:center;
line-height:3;
}
#goto a {
color:#00A37D;
}

最佳答案

给侧边栏az-index,使其位于#content的顶部:

#masthead {
  z-index: 1;
}

只是提醒一下,xmargin不是一回事。:天

关于html - 侧栏链接不可点击,不可选择,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30135763/

10-13 01:42