gpt4 book ai didi

javascript - html anchor 标记穿过屏幕

转载 作者:太空宇宙 更新时间:2023-11-04 11:16:42 25 4
gpt4 key购买 nike

我正在创建一个基本的 HTML 网站 - 这样做时我注意到我的 anchor 标记()一直在屏幕上以黑色背景出现 - 这也是一个页脚。

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>Under construction</title>


<link rel="stylesheet" style="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" style="text/css" href="app/stylesheets/stylesheet.css">

<script src="//code.angularjs.org/1.3.0-rc.1/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.0-rc.1/angular-route.min.js"></script>
<script src="app/JS/app.js"></script>

</head>



<body>



<div class="container">
<div ng-view>

</div>
</div>



<div id="footerDiv" class="footBackground">
<hr>
<a href="" target="_blank">
<div ng-init="imgsrc ='app/images/linkedin.png'" ng-mouseover="imgsrc='app/images/linkedinHover.png'" ng-mouseout="imgsrc='/app/images/linkedin.png'">
<img ng-src="{{imgsrc}}" width="50" height="50" class="footLinkedIn"></img>
</div><br />
</a>

<a href="" target="_blank"><h5><span>Website created by <br />Adam parker</span></h5></a>
<hr>
</div>

</body>
</html>

我可以尝试很多次 - 摆脱扩展的 anchor 标签,但我尝试过的一切都不起作用。

我已经尝试通过 CSS 编辑 anchor 标记,但它仍然不起作用这也是一小段代码,所以我不明白为什么它会越过屏幕一半。有人可以帮忙吗?

附言。我已经删除了代码 - 但是在我处理页脚时,所有被删除的代码暂时被注释掉了,我只是想删除太长的 anchor 标记。

最佳答案

anchor 标记包围整个 div,它正好横跨页面的宽度。只需颠倒顺序即可。

<div ng-init="imgsrc ='app/images/linkedin.png'" ng-mouseover="imgsrc='app/images/linkedinHover.png'" ng-mouseout="imgsrc='/app/images/linkedin.png'">
<a href="https://uk.linkedin.com/pub/adam-parker/101/29/910" target="_blank">
<img ng-src="{{imgsrc}}" width="50" height="50" class="footLinkedIn" />
</a>
</div>

Example here

关于javascript - html anchor 标记穿过屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33151824/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com