HTML / CSS裁剪图像

火影

因此,我的网站上有徽标,问题是当您将鼠标悬停在徽标下方或徽标周围时,仍然可以单击它。我只希望它一次可点击。

www.theanimedatabase.com

徽标位于右上角!

hiew1

如果右键单击徽标,然后单击“检查元素”,您将能够看到图像的区域实际上是200px x 200px。

尝试在底部裁剪掉徽标的额外高度(我想在顶部也裁剪掉额外的高度,因为您将标题img的margin-top设置为-68px可以向上推送徽标)徽标的总高度为70像素。哪个将与您的标题匹配。

接下来,在您的CSS中更改此设置:

header img {
    margin-top: -68px;
    float: left;
    width: 200px;
    height: 200px;
    float: left auto;
}

到:

 header img {
    float: left;
    width: 200px;
    height: 70px;
    float: left auto;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章