gpt4 book ai didi

jquery - 特定颜色的小行显示在 anchor 标记中的图像下方

转载 作者:可可西里 更新时间:2023-11-01 13:31:44 25 4
gpt4 key购买 nike

所以我已经将两个图形作为导航按钮上传到我的网页。与按钮颜色相同的小线出现在两个按钮的下方和之间。这是显示问题的图片。

http://imgur.com/ikYjLUE

这些按钮是在烟花中创建的,然后我保存了它们并在我的网页中链接到它们。这不是来自其中一个图形缺陷的线条。使用填充展开图形并不能解决问题,如下所示:

http://imgur.com/rUX7fvI

也不会尝试为边框设置 CSS 值将其删除,以防由于某种原因它是一小块边框。我知道这不是图形中的缺陷,因为单独网页上的两个图像没有产生任何线条,遗憾的是,由于缺乏声誉(不超过 2 个链接),我不能在这里发布它的屏幕截图。

所以我不知道如何在它们彼此相邻时删除这条烦人的线。目前只有两个按钮,但最终会发展成一个完整的网页。这些按钮将充当导航栏,所以我需要关闭它们并且这条线消失!这些按钮在滚动时具有不透明度增加和减少效果,这是在 jQuery 中创建的。我在 Chrome 中查看了这些按钮的屏幕截图,我还没有尝试过其他浏览器,但我需要从所有浏览器中删除这一行。以下是我的所有网页代码:

$(document).ready(function(){
$(".nav_btn").mouseenter(function(){
$(this).fadeTo(100, 1.0);
});
$(".nav_btn").mouseleave(function(){
$(this).fadeTo(100, 0.75);
});
});
.nav_btn{
opacity: 0.75;
}
<!DOCTYPE html>
<html>
<head>
<base href="C:/Users/Adasli199/CGC project/"; target="_self">
<link rel="stylesheet"; type="text/css"; href="code/stylesheet.css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript"; src="code/jQuery.js"></script>
<link rel="shortcut icon" href="Assets/CGC icon.ico"/>
<title> CGC | Template </title>
</head>
<body>
<div id="nav_bar">
<a href="Pages/Home.html">
<img class="nav_btn"; id="home_btn"; src="Assets/Home button.png"/>
</a>
<a href="Pages/SEO.html">
<img class="nav_btn"; id="SEO_btn"; src="Assets/SEO button.png"/>
</a>
</div>
</body>
</html>

如果有人能提供帮助,我将不胜感激!谢谢!

最佳答案

默认 anchor 下划线您可以通过从导航栏链接中删除 text-decoration

来“修复”它

#nav_bar > a {
text-decoration: none;
}
<div id="nav_bar">
<a href="Pages/Home.html">
<img class="nav_btn" id="home_btn" src="Assets/Home button.png" />
</a>
<a href="Pages/SEO.html">
<img class="nav_btn" id="SEO_btn" src="Assets/SEO button.png" />
</a>
</div>

您也不需要分号来分隔 img 属性

关于jquery - 特定颜色的小行显示在 anchor 标记中的图像下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28421004/

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