设置元素位置时禁用链接

时间:2016-09-08 13:52:56

标签: html css angularjs

当我设置某个元素的位置(顶部:,右边和......)时,我的某些链接将会禁用,当我将鼠标放在其上时,手势符号不会出现。我想知道为什么会发生这种情况,我该如何改进呢。 这是我的页面:[Google链接已停用。]

任何人都可以解释我的错误并解决问题吗? 我的CSS代码:

#second_imglist {
            position: relative;
            right: -100px;
        }

        #squares {
            position: absolute;
            top: 630px;
            right: 400px;
        }

        #imgset {
            position: relative;
            top: 30px;
        }

我认为一些HTML代码会产生问题:

           <div class="w3-half">

                <div data-ng-include="'variables/logo1.html'"></div>
                <div class="w3-row w3-margin-top" id="imgset">
                    <div data-ng-include src="file"></div>
                </div>
            </div>
            <div class="w3-half w3-center" id="img_controllers">
                <div data-ng-include src="includehtml"></div>
            </div>
        </div>
        <div class="w3-center" id="squares">
        <a href="#" data-ng-click="nextslide(2)">Google</a>
        <i class="fa fa-square" data-ng-click="nextslide(1)"></i>
        <i class="fa fa-square-o" data-ng-click=""></i>
        </div>

2 个答案:

答案 0 :(得分:0)

不在i标记内的a标记,这就是为什么手形光标没有显示...

你可以尝试将cursor: pointer;添加到css中的i标签

答案 1 :(得分:0)

i {
 cursor: pointer;
}

应该有用。