#edit_bar{
width:99%;
margin:5px 0px 0px 0px;
padding:3px 0px 0px 0px;
height:21px;
backgroud:url(../images/edit_bar.gif) no-repeat left 0;
}
#edit_bar li,#edit_bar li a {float:right; display:inline; width:74px; height:21px;outline:none;}
#edit_bar li a { width:auto; text-indent:-9999px; background:url(../images/edit_bar.gif) no-repeat left 0; }
#edit_bar .s01 a{ width:64px; }
#edit_bar .s01 a:hover{background-position:0px -21px; }
#edit_bar .s02 a{ width:64px; background-position:-72px 0px; }
#edit_bar .s02 a:hover{background-position:-72px -21px;}
#edit_bar .s03 a{ width:64px;background-position:-144px 0px;}
#edit_bar .s03 a:hover{background-position:-144px -21px; }
#edit_bar .s04 a{ width:64px;background-position:-216px 0;}
#edit_bar .s04 a:hover{background-position:-216px -21px; }
#edit_bar .s05 a{ width:64px;background-position:-288px 0;}
#edit_bar .s05 a:hover{background-position:-288px -21px; }
#edit_bar .s06 a{ width:64px;background-position:-360px 0;}
#edit_bar .s06 a:hover{background-position:-360px -21px; }
一组图片，通过控制显示位置来控制显示图片的大小，而不是用到的所有图片都找得到
而是一张图片，放所项目有的要用的图片
分享到：
相关推荐
在CSS中，我们使用`background`属性或者其子属性（如`background-image`、`background-size`、`background-position`、`background-repeat`）来设置背景视频。其中，`background-size`用于控制视频的大小，`...
CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位
在CSS中，`background-position`属性是一个非常重要的部分，它控制着背景图像在元素内的位置。这个属性允许我们精确地定位背景图像，从而实现各种视觉效果。 批量输出`background-position`属性的定位像素值通常是...
在CSS世界中，`background-position`是一个至关重要的属性，它允许我们精确地控制背景图像在元素内的位置。这个属性在网页设计中广泛应用，用于创建各种视觉效果，如图像滑动、定位图标等。本篇文章将深入探讨`...
总之，`background-position`是CSS中用于控制背景图片位置的强大工具，结合不同的值类型和组合，开发者可以创造出丰富的视觉效果。熟练掌握其用法和算法，能有效提升网页设计的灵活性和精细度。
css 之 background-position-x css 之 background-position-x 是 CSS 中的一个属性，用于设置背景图片的水平位置。这个属性是 background-position 属性的简写形式，专门用于设置背景图片的水平位置。 背景图片的...
在Web开发中，为了提高页面加载速度和减少HTTP请求，开发者常会将一张大的图片切割成多个小图，然后通过CSS的background-image和background-position属性来拼接显示。这个库就是为了解决这个问题而诞生的。 在描述...
- `background-position`: 定义背景图像的位置，如`center`、`top left`等。 - `background-size`: 控制背景图像的大小，可为百分比、像素值或`cover`、`contain`关键字。 - `background-attachment`: 决定背景...
CSS中的background-position属性用于设置或检索对象的背景图像位置。要使用这个属性，必须先通过background-image属性指定了一个背景图片。background-position属性的位置定位不会受到对象的padding（内边距）属性...
背景图定位主要依赖于CSS的`background-image`、`background-repeat`、`background-position`和`background-size`属性。`background-image`用于设置元素的背景图像，可以是一个URL指向的图片或使用CSS渐变。例如： ...
CSS Sprite的基本原理是将多个小图片通过图像编辑软件（如Photoshop、GIMP等）拼接在一起，形成一张大图，然后在HTML和CSS中通过设置元素的`background-image`属性引用这张大图，并利用`background-position`来控制...
而`background-origin`和`background-position`则分别控制背景图像的位置和起源，可以根据设计需求精确调整。 在实际应用中，开发者还需要考虑响应式设计，确保背景效果在不同设备和屏幕尺寸下都能良好呈现。这可能...
`background-position`和`background-repeat`属性则可以调整图片的位置和是否平铺。 在实际应用中，我们还需要考虑性能优化，例如利用CSS精灵图（Sprite）减少HTTP请求，或者使用WebP等高效图片格式。如果图片数量...
`background-repeat`控制图像是否及如何重复，`background-position`则用于设定图像的位置，`background-size`控制图像的大小。这些属性可以组合使用，以实现复杂的背景设计。 然而，这个Codepen示例引入了一个更...
<style type="text/css"> body { margin:0; padding:0; font: bold 11px/1.5em Verdana; } h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px 0px 0px...
CSS background-position 属性定位图片 在 CSS 中，background-position 属性是设置背景图像的起始位置的属性。今天，我们来讨论这个属性的定义、用法和效果。 定义 background-position 属性设置背景图像的起始...
`background-position`属性是CSS（层叠样式表）中的一个核心特性，用于控制背景图像在元素内的位置。这篇博客文章通过实例深入探讨了这一属性的使用方法和技巧。 首先，`background-position`属性允许我们将背景...
需要注意的是，修复PNG透明度问题时，使用`background-position`可能导致点击效果失效，因此应尽量避免这种方法。 接着，我们讨论文本框的兼容性。在IE8及以上版本，文本居中显示是默认的，但在IE6和IE7中，可以...