程序员经验分享-hwhale

css-sprite 是一种好技术吗？ [关闭]

2023-11-22

  1. css-sprite 是个好技术吗？我在以下位置阅读了有关其优点的信息http://spriteme.org/我还在 stackoverflow 中看到了很多关于 css sprites 的问题。

  2. 它的缺点是什么？

  3. 它可以在其网站上声称的所有浏览器中运行吗？


是的，这是一个很好的技术。

可以减少HTTP请求的数量，这是一种页面优化技术。

第一条规则在

雅虎加速网站的最佳实践

is

最小化 HTTP 请求

80% 的最终用户响应时间是 都花在了前端上。大部分都是这个 时间都花在下载所有内容上 页面中的组件：图像， 样式表、脚本、Flash 等 减少组件数量 反过来减少HTTP的数量 渲染页面所需的请求。 这是更快页面的关键。

CSS 精灵是首选方法 用于减少图像数量 要求。结合你的背景 图像合并为单个图像并使用 CSS 背景图像和 背景位置属性 显示所需的图像片段。

减少数量的一种方法 页面中的组件是为了简化 页面的设计。但有没有办法 构建内容更丰富的页面 同时还实现快速响应 次？以下是一些技巧 减少 HTTP 请求的数量， 同时仍然支持丰富的页面 设计。

当您需要更改精灵内图像的尺寸时，您必须重新计算图像的偏移量。但我不认为这是一个巨大的负担。

几乎所有现代浏览器都支持它。

这也是一篇关于 CSS sprites 的好文章

CSS Sprites：它们是什么、为什么它们很酷以及如何使用它们

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

css

csssprites

css-sprite 是一种好技术吗？ [关闭] 的相关文章

  • 从“class”名称中删除/替换不需要的前缀信息

    我正进入 状态style从后端 它带有不需要的前缀 我会替换没有前缀的相同内容 正确的方法是什么 这就是我得到的

  • IE jquery click 仅适用于 li 中的文本，不适用于整个框

    我创建了一系列作为 li 的按钮 我希望用户能够单击它们 ul class item list li class item button style color 4bb2c5 1 li li class item button style

  • 在这个页面中，悬停不起作用，我不知道为什么，而且页脚也没有占用 100% 宽度，即使我已经给了它

    我的编码是否不正确 或者悬停和页脚有什么问题 我需要知道 php 邮件程序是正确的还是我有错误 我无法找到错误 因为邮件功能在本地服务器上不起作用

  • scrapy获取同一个类的第n个子文本

    我附上了一张照片 我面临的问题是获取同一类的第一个元素 我想得到 adxHeader gt adxExtraInfo 1st one gt adxExtraInfoPart 1st one gt a text 我编写了以下代码但不起作用 任

  • 100% 宽度减去边距和填充[重复]

    这个问题在这里已经有答案了 我一直在四处寻找 但找不到适用于我自己的问题的解决方案 我正在开发一个移动网站 需要输入框为屏幕的 100 宽度 但我有padding left 16px and margin 5px这使得盒子超出了屏幕 所以我

  • 转换 SVG 过滤器

    我正在尝试创建一个像 SVG 圆圈上的阴影这样的材质设计 我希望当您单击圆圈时 这个阴影能够以良好的过渡来增长 但目前我正在努力弄清楚是否可以为这种过渡设置动画 所以我希望有人能够提供帮助 我添加了一个到目前为止所得到的小例子 一个带有阴影

  • 禁用任何类型的浏览器窗口滚动？

    有没有办法禁用滚动 不仅仅是滚动条 还有浏览器窗口的全部功能 根据您对 Keit 的回答 您不想在打开灯箱时滚动处于活动状态 如果是这种情况 您可以使用以下 css 在打开灯箱的同时向正文添加一个类 这个解决方案的好处是它保留了滚动 空间

  • CSS：在 hsla 中使用 hsl 变量？

    假设我有一个 CSS 变量hsl定义如下 white 1 hsl 0deg 0 100 现在 我想使用相同的白色 但不透明度为 50 所以 像这样 white 2 hsla 0deg 0 100 50 有没有办法使用第一个变量 white

  • 响应式菜单：悬停子菜单显示错误

    简而言之 我根据教程创建了一个响应式菜单 当您将鼠标悬停在投资组合按钮上时 菜单应该显示子菜单 而在移动模式下 您需要按该按钮才能显示子菜单 效果很好 问题是该教程有一个错误 如果您在桌面模式下按组合按钮 子菜单将不会再次显示 除非您按 单

  • 在CSS中，有什么比使其成为块元素更好的强制元素换行的方法呢？

    我有一个 H3 标题 我想将其样式设置为具有特定的背景颜色 但不让元素的背景占据父元素的整个宽度 鉴于 H3 默认情况下是块元素 我的样式需要将该元素更改为内联块元素 或者只是内联内联元素 如下所示 h3 background color

  • 选择接下来的第n个同级

    我想知道是否有比我发现的更好的解决方案而不改变 html 结构 HTML 结构如下所示 div class wrap div class divider div div class block div div class block div

  • css如何让文本底部对齐？

    怎么做怎么做 a 文字底部对齐吗 我已经添加了height line height and vertical align bottom 但文本仍然在 div 的中间 怎么做 谢谢 Test in http jsfiddle net BanA

  • Bootstrap 列中的标题高度相同

    我有这样的 html bootstrap css div class container div class row div class col xs 6 col div class block div class title strong

  • 电子邮件模板 - MS Office Outlook 365 中不显示表格背景图像

    为了电子邮件模板的目的 我需要在 table 它包含图像上的文本 现在我已经尝试过 https stackoverflow com a 15620571 6191987 https stackoverflow com a 15620571

  • 如何在缩放动画中保持原点位于图像中心？

    我有类似的情况fiddle https jsfiddle net ddvn3p1h 3 其中我有一个 CSS3 动画 可以缩放绝对定位在另一个元素中心的元素 但是 当动画发生时 它会偏离中心 如示例中相对于蓝色的红色方块所示 我如何将其居中

  • jQuery - 拖动div css背景

    我希望能够在 div 内按住鼠标并移动它的背景 在谷歌上搜索了很多 没有找到我想要的 这是目标 显示的地图是要拖动的对象 http pontografico net pvt gamemap http pontografico net pvt

  • 无法做到最大宽度

    我有一个页面 内容如下 div testingtestingtestingtestingtestingtestingtestingtestingtesting testingtestingtestingtestingtestingtesti

  • .net dropdownlist对齐文本

    我正在尝试将 net 下拉列表中的文本向右对齐 使用 CssClass 我可以在 Firefox 中将文本向右对齐 IE 不会将文本右对齐 而是左对齐 我读到 IE 6 不支持这个 这是真的 我使用的是 IE7 但我的大多数用户将使用 IE

  • SVG 剪辑路径在 Safari 上不起作用

    我有一个简单的动画 从下往上填充 svg 然后淡出 填充是使用clipPath随着使用path with a stroke dasharray stroke dashoffset 问题是clipPath在 Safari 上似乎完全被忽略了

  • 右列固定的 Div 表

    我最近接手了一个非营利网站作为一个项目 我正在使用一个现有的网站 所以我必须使用很多已经编程的东西 所以我所要做的就是创建设计 I made a diagram of basically what I can t figure out ho

随机推荐

  • 删除App时的委托方法

    当应用程序即将被删除时 iOS 中是否有委托方法 我正在尝试向服务器发送设备将不再接收通知的信息 不会 删除应用程序时不会触发委托方法

  • DeflatorInputStream 和 DeflatorOutputStream 不重建原始数据

    我想压缩一些数据 所以我遇到了 DeflatorInputStream 和 DeflatorOutputStream 类 但是 下面的示例表明 在使用这些类时我似乎无法重建原始数据 当我切换到 ZipInputStream 和 ZipOut

  • Java 比较数组

    我有两个未知类型的数组 有没有办法检查元素是否相同 public static boolean equals Object a Object b if a instanceof int return Arrays equals int a

  • python 可以读取电子表格中单元格的值吗？

    All python 可以读取电子表格中单元格的值吗 从绘图 GIS 分析的角度来看 最简单的示例是在给定 shapefile GIS 数据集 上运行缓冲区 邻近 工具的脚本 对于缓冲区距离参数 脚本将指向电子表格单元格中的值 首选 lib

  • 如何在我的应用程序中显示谷歌语音识别设置？

    我正在开发一个 Android 应用程序 其中实现了语音识别和 TTS 因此 我正在考虑启动 Google 语音识别和 TTS 的设置屏幕 以允许用户从应用程序内更改设置 我已经使用以下代码成功实现了 TTS 设置 intent new I

  • 按优先级从 MSMQ 获取消息

    我通过设置优先级在 MSMQ 中发送消息 使用 C 我可以先从 MSMQ 获取具有高优先级的消息吗 就像我们进入优先队列一样 还有一件事 假设有三个优先级 0 高 1 中等 2 低 队列中的序列是 2001122221111100 现在 如

  • Spring-Security：升级到 Spring-Security 4.1 后，登录时用户名发送为空

    我正在开发一个基于 Spring MVC 的应用程序 其中我们使用 Spring Security 进行登录 授权 我们之前使用的是3 2 5版本 升级为4 1 1 但升级后 登录机制被破坏 因为发送的用户名为空 我不知道出了什么问题 你能

  • 放置新的以推迟到不同的构造函数

    这安全吗 我在实际实现中没有使用任何虚拟函数 但我很想相信即使我使用了 它仍然是安全的 class Foo Foo initialize things Foo int new this Foo 当您输入左大括号时Foo int 构造函数 所

  • 什么是 GIT_WORK_TREE，为什么我从来不需要设置这个 ENV var，为什么现在呢？

    我在 Ubuntu Linux 下使用 Git 来同步和部署我的项目 我的本地 Linux 工作机上有一个存储库 服务器上有两个存储库 一个是裸存储库 另一个是已部署的应用程序 它总是工作正常 但现在我为我的其他网站创建了另一个存储库 我收

  • 在 WebBrowser 控件中设置输入标记的值

    我正在尝试帮助用户使用自定义登录他们的帐户WebBrowser控制 我正在尝试使用以下命令将输入 标签的值设置为玩家用户名WebBrowser s InvokeScript功能 但是 我当前的解决方案只是渲染一个空白的白页 我当前的代码如下

  • 重写mysql select以减少时间并将tmp写入磁盘

    我有一个 mysql 查询 需要几分钟的时间 这不是很好 因为它用于创建网页 使用三个表 海报数据包含有关各个海报的信息 poster categories 列出了所有类别 电影 艺术等 而 poster prodcat 则列出了 post

  • 如何修复 org.hibernate.resource.jdbc.internal.LogicalConnectionManagedImpl@779de014 已关闭问题

    我正在尝试使用 Hibernate 5 创建或更新用户 它抛出以下异常 org hibernate resource jdbc internal LogicalConnectionManagedImpl 779de014 已关闭 我正在使用

  • C++11“不可移动”类型[重复]

    这个问题在这里已经有答案了 可能的重复 为什么 C 11 删除的函数参与重载决策 我对以下 C 11 代码有两个问题 include

  • Java 小程序和网页上的文本输入控件之间的桥梁

    我一直在使用一个Java小程序 它是一个可以帮助仅使用鼠标进行编写的小程序 就我而言 我尝试将其合并到我的网站项目中 如下所示 当用户单击页面上的任何输入元素 文本框 文本区域 时 此 JAVA 小程序会加载到网页本身上 在下面看到的 JA

  • Asp.Net MVC 4 API：在 IE8 中下载 docx 失败

    我将文档存储在数据库中 并有一个用于下载文档的 api 下载docx和xlsx在IE9 Chrome和FF中工作正常 但在真正的IE8中失败 IE8模式下的IE 9也可以 我收到的错误消息如下 无法从idler2 下载393 无法打开此 I

  • Python算法计算csv中特定单词的出现次数

    我刚刚开始学习Python 我很好奇什么是计算 CSV 文件中特定单词出现次数的有效方法 而不是简单地使用 for 循环逐行遍历并读取 更具体地说 假设我有一个 CSV 文件 其中包含两列 姓名 和 成绩 包含数百万条记录 如何计算 Gra

  • 无法获取透明DialogFragment

    我有一个看起来像这样的对话框片段 AlertDialog ad builder create Drawable d new ColorDrawable Color BLACK d setAlpha 130 ad getWindow setB

  • 在 Android 教程应用程序上使图像全屏显示

    使用 Hello World Gridview 教程示例 我尝试使图像在单击时全屏显示 而不是显示图像在数组中的位置 由于我对Android不熟悉 而且这是我第一次尝试用它进行开发 所以我很茫然 我对 Java 很熟悉 并且我尝试过这样做

  • Oracle SQL：从带有嵌套表的表中选择

    我想知道如何从具有类型列的表中创建 select 语句 该列的类型定义为 create or replace TYPE MYCOL as table of MYTYPE create or replace TYPE MYTYPE as OB

  • css-sprite 是一种好技术吗？ [关闭]

    Closed 这个问题是基于意见的 目前不接受答案 css sprite 是个好技术吗 我在以下位置阅读了有关其优点的信息http spriteme org 我还在 stackoverflow 中看到了很多关于 css sprites 的问

热门标签