使用 CSS 剪辑/裁剪背景图像
我有这个 HTML: lorem ipsum 使用这个 CSS: #graphic { background-image: url(image.jpg); width: 200px; height: 100px;} 我应用的背景图像是 200x1…
li 中跨度的中心背景图像,文本居中并在底部垂直对齐
我想仅使用 CSS 而不是表格来重新创建它, 代码将类似于以下 Text //more li's 图标类设置图像、显示块、宽度和高度,图标名称设置位置 li float lef…
如何“重复-x”由 Compass 生成的精灵
我在 Rails 3.1 应用程序的 assets/images 中有一个 gradient 目录。下面是我使用 Compass 从这些图像创建精灵的代码: $gradient-repeat: repeat-x; …
通过 setDragImage 使用精灵图像
我正在尝试使用出现在光标后面的自定义拖动图像来实现 HTML5 拖放。这可以通过 setDragImage 来完成,并且可以很好地处理独立图像,即使用 new Image …
使用 CSS Sprites 和背景位置
我有一个 div 元素,宽度为 200px,高度为 200px。我需要一个小图像出现在 div 的右上角。人们通常会如何做, background: url(/images/imagepath.png…
Jquery 函数错误
我面临 jquery 函数的问题。当访问者将其鼠标指针移到标题的背景图像上时,我希望我的标题不会消失半秒。 http://www.kidsartvalley.com/ 这是主页,…
修复了 IE7/8 中使用 msDropDown jQuery 精灵的问题?
我正在使用 msDropDown jQuery 插件 将图像添加到我网站上的下拉列表中,使用他们的 Sprited选项。在所有经过测试的 Chrome、Firefox 和 IE9 版本中一…
Firefox 中的 CSS Sprite 兼容性
我有一个使用下面的 css 类的 div 元素。基本上,我正在创建一个在悬停时发生变化的精灵图像链接。 .home { background: url('images/home.png') 0 0;…
CSS Sprite 加载速度 - 哪个更快?
哪种技术具有更好的渲染时间并且通常更好?我正在处理的文件非常大,精灵中有超过 300 个小图标 (16x16)。下面两个例子。第一个是由 SpritesSticker …