当前位置: 开发笔记 > 前端 > 正文

CSSSprite图片定位问题，有演示，有图片，只求解答...感谢万分！

作者：佩刚坤斌冠如_567 | 来源：互联网 | 2023-05-18 21:12

演示地址：www.colrob.comasksprite鼠标放在“栏目导航”的靠右边时候，就只显示了padding的那8px，当鼠标放在字体上的时候又全部显示出来了，我想让鼠标无论放在a的哪个

演示地址：www.colrob.com/ask/sprite
鼠标放在“栏目导航”的靠右边时候，就只显示了padding的那8px，当鼠标放在字体上的时候又全部显示出来了，我想让鼠标无论放在a的哪个位置都是显示全部的背景图片。最让我纠结的就是第一张图片右边那小半张背景图，上面的地址是演示，大家帮帮忙。

2 个解决方案

#1

去掉 a 标签里面的 span 标签就完事了。如果非要有span 标签你就把 padding 从 a 标签移到span 标签上。当然 display：block 是少不了了

#2

引用 1 楼的回复:

去掉 a 标签里面的 span 标签就完事了。如果非要有span 标签你就把 padding 从 a 标签移到span 标签上。当然 display：block 是少不了了

这个是自适应按钮，就是a标签里面和span标签里面都有background，去是去不掉的，而且a标签和span标签都padding了10px。。就有现在的这种状况了。

css
图片

推荐阅读

base64
信息安全小组第一周工作总结

本周信息安全小组主要进行了CTF竞赛相关技能的学习，包括HTML和CSS的基础知识、逆向工程的初步探索以及整数溢出漏洞的学习。此外，还掌握了Linux命令行操作及互联网工作原理的基本概念。 ... [详细]

蜡笔小新 2024-12-28 05:52:22
js
深入理解Tornado模板系统

本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块，支持嵌入Python代码片段，帮助开发者快速构建动态网页。 ... [详细]

蜡笔小新 2024-12-27 19:22:16
button
如何高效创建和使用字体图标

在Web和移动开发中，为什么选择字体图标？主要原因是其卓越的性能，可以显著减少HTTP请求并优化页面加载速度。本文详细介绍了从设计到应用的字体图标制作流程，并提供了专业建议。 ... [详细]

蜡笔小新 2024-12-26 20:48:44
console
Python 的 10 个开发技巧！太实用了

1.如何在运行状态查看源代码？查看函数的源代码，我们通常会使用IDE来完成。比如在PyCharm中，你可以Ctrl+鼠标点击进入函数的源代码。那如果没有IDE呢？当我们想使用一个函 ... [详细]

蜡笔小新 2024-12-27 18:36:54
console
深入理解C++中的KMP算法：高效字符串匹配的利器

本文详细介绍C++中实现KMP算法的方法，探讨其在字符串匹配问题上的优势。通过对比暴力匹配（BF）算法，展示KMP算法如何利用前缀表优化匹配过程，显著提升效率。 ... [详细]

蜡笔小新 2024-12-27 14:45:30
dom
Python自动化处理：从Word文档提取内容并生成带水印的PDF

本文介绍如何利用Python实现从特定网站下载Word文档，去除水印并添加自定义水印，最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]

蜡笔小新 2024-12-27 13:10:20
dom
理解感受野与锚框在目标检测中的应用

本文探讨了卷积神经网络（CNN）中感受野的概念及其与锚框（anchor box）的关系。感受野定义了特征图上每个像素点对应的输入图像区域大小，而锚框则是在每个像素中心生成的多个不同尺寸和宽高比的边界框。两者在目标检测任务中起到关键作用。 ... [详细]

蜡笔小新 2024-12-27 12:03:44
view
优化Windows右键菜单管理

本文介绍如何通过注册表编辑器自定义和优化Windows文件右键菜单，包括删除不需要的菜单项、添加绿色版或非安装版软件以及将特定应用程序（如Sublime Text）添加到右键菜单中。 ... [详细]

蜡笔小新 2024-12-27 12:00:01
view
苹果新专利或将引领无边框手机时代

苹果公司最近公布了一项新的专利技术，该技术能够在设备屏幕中嵌入光线传感器，这标志着苹果在实现无边框手机设计上迈出了重要一步。这一创新将极大提升手机的屏占比，并可能为未来的iPhone带来革命性的变化。 ... [详细]

蜡笔小新 2024-12-26 20:15:22
view
Python 提取和替换 Word 文档中的图片

本文介绍如何使用 Python 提取和替换 .docx 文件中的图片。.docx 文件本质上是压缩文件，通过解压可以访问其中的图片资源。此外，我们还将探讨使用第三方库 docx 的方法来简化这一过程。 ... [详细]

蜡笔小新 2024-12-26 18:52:14
view
个人博客图片管理（方便管理，大家忽略）

RT，个人博客图片管理（方便管理，大家 ... [详细]

蜡笔小新 2024-12-26 18:30:45
view
2023年京东Android面试真题解析与经验分享

本文由一位拥有6年Android开发经验的工程师撰写，详细解析了京东面试中常见的技术问题。涵盖引用传递、Handler机制、ListView优化、多线程控制及ANR处理等核心知识点。 ... [详细]

蜡笔小新 2024-12-26 17:45:48
上传
网络运维工程师的前景与薪酬分析

网络运维工程师负责确保企业IT基础设施的稳定运行，保障业务连续性和数据安全。他们需要具备多种技能，包括搭建和维护网络环境、监控系统性能、处理突发事件等。本文将探讨网络运维工程师的职业前景及其平均薪酬水平。 ... [详细]

蜡笔小新 2024-12-26 14:35:04
js
从零开始构建完整手机站：Vue CLI 3 实战指南（第一部分）

本系列教程将引导您使用 Vue CLI 3 构建一个功能齐全的移动应用。我们将深入探讨项目中涉及的每一个知识点，并确保这些内容与实际工作中的需求紧密结合。 ... [详细]

蜡笔小新 2024-12-26 13:30:37
view
帝国CMS多图上传插件详解及使用指南

本文介绍了一款用于帝国CMS的多图上传插件，该插件通过Flash技术实现批量图片上传功能，显著提升了多图上传效率。文章详细说明了插件的安装、配置和使用方法。 ... [详细]

蜡笔小新 2024-12-26 13:30:01

佩刚坤斌冠如_567

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章