输入栏包含移动设备中的文本但不包括在桌面上

Question

我无法点击第一个链接。似乎有些事情掩盖了这个环节，但我看不出是什么。第一张图片在我的手机上。这是我无法点击它的那个。桌面很好。我认为搜索栏正在覆盖它，所以我增加底部边距以查看它是否有帮助。它没有。我可以点击加入，我无法点击登录。当我登录时，同样的问题仍然存在于顶部的其他链接。

[编辑] 我正在使用它作为右侧的滑块。 http://plugins.adchsm.me/slidebars/usage.php我没有从样式表中做出太多改变。

样式表：

    .search {
float: left;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 30px;
line-height: 30px;
font-size: 12px;
color: #fff;
margin-bottom: 50px;
}
.nav-header {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: 20px;
color: #999999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
}
.nav-list .nav-header {
margin-left: -15px;
margin-right: -15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.sb-slidebar {
height: 100%;
overflow-y: auto;
position: fixed;
top: 0;
z-index: 0;
visibility: hidden;
background-color: #222;
}

图。这是菜单栏的右侧：

        <div class="sb-slidebar sb-right">  
            <div class="search">
                <?php echo CHtml::form(Yii::app()->createUrl('site/search'),'get') ?>
                <?php echo CHtml::textField('search_key', '',array('placeholder'=>'search')) ?>
                <button type="submit">
                </button>
                <?php echo CHtml::endForm() ?>
                </div>
            <?php 
            $this->widget(
                    'bootstrap.widgets.TbMenu',
                    array(
                            'type' => 'list',
                            'items'=>array(
                                //array('icon'=>'user','label'=>"Profile", 'url'=>array('/user/profile/view','id'=>Yii::app()->user->getId(),'hello' => Yii::app()->user->first_name), ),
                            array('label'=>'Hi Guest'),                         
                            array('label'=>'Login', 'url'=>array('/site/signin'), 'visible'=>Yii::app()->user->isGuest),
                            array('label'=>'Join', 'url'=>array('/site/signup'), 'visible'=>Yii::app()->user->isGuest),
                            ),
));?>
</div>

Answer 1

您是否尝试过去除静电高度＆amp; .search的底部边缘？看起来div正在覆盖链接。