我想在列表项的右侧添加一个背景图像，并希望右侧也有一些填充，但我做不到。请看下面的例子:HTML:HelloHelloworldCSS:ul{width:100px;}ulli{border:1pxsolidorange;background:url("arrow1.gif")no-repeatcenterright;}ulli:hover{background:yellowurl("arrow1.gif")no-repeatcenterright;}我知道我们可以按像素设置图像位置，但由于每个li的宽度不同，我不能那样做。这是JSFiddle链接:http://jsfiddle.ne
我想将一张图片作为网页的背景，但要让它相对于中心偏移一些像素。我该怎么做？我要:background-image:url("bg.png");background-position:25%center;background-attachment:fixed;background-repeat:no-repeat;但我想要的不是25%，而是“中心-50像素”。有什么解决办法吗？ 最佳答案 我相信我有一个解决方案可以实现您想要的:相对于中心偏移若干像素的背景图像(特别是页面背景)。这只使用HTML和CSS就可以工作——不需要javasc
我想将一张图片作为网页的背景，但要让它相对于中心偏移一些像素。我该怎么做？我要:background-image:url("bg.png");background-position:25%center;background-attachment:fixed;background-repeat:no-repeat;但我想要的不是25%，而是“中心-50像素”。有什么解决办法吗？ 最佳答案 我相信我有一个解决方案可以实现您想要的:相对于中心偏移若干像素的背景图像(特别是页面背景)。这只使用HTML和CSS就可以工作——不需要javasc
我有一个名为myImage.jpg的图像。这是我的CSS:body{background-image:url("../images/myImage.jpg");background-repeat:no-repeat;background-size:100%100%;}出于某种原因，当我这样做时，myImage的宽度会延伸到整个屏幕，但高度只会延伸到页面上其他所有内容的高度。所以如果我放一堆在我的html页面中，那么高度会增加。如果我的HTML页面仅包含一个那么背景图片的高度就是一个高度如何使背景图片的高度达到用户用来查看网页的屏幕的100%？ 最佳答案
我有一个名为myImage.jpg的图像。这是我的CSS:body{background-image:url("../images/myImage.jpg");background-repeat:no-repeat;background-size:100%100%;}出于某种原因，当我这样做时，myImage的宽度会延伸到整个屏幕，但高度只会延伸到页面上其他所有内容的高度。所以如果我放一堆在我的html页面中，那么高度会增加。如果我的HTML页面仅包含一个那么背景图片的高度就是一个高度如何使背景图片的高度达到用户用来查看网页的屏幕的100%？ 最佳答案
我有一张图片，它是一个链接。当用户将鼠标悬停在链接上时，我想显示不同的图像。目前我正在使用这段代码:div.sidebar-poster{margin-bottom:10px;background-position:centertop;background-repeat:no-repeat;width:160px;}#twitterbird{background-image:url('twitterbird.png');}#twitterbird:hover{background-image:url('twitterbird_hover.png');}但我遇到了很多问题:div没有选择
我有一张图片，它是一个链接。当用户将鼠标悬停在链接上时，我想显示不同的图像。目前我正在使用这段代码:div.sidebar-poster{margin-bottom:10px;background-position:centertop;background-repeat:no-repeat;width:160px;}#twitterbird{background-image:url('twitterbird.png');}#twitterbird:hover{background-image:url('twitterbird_hover.png');}但我遇到了很多问题:div没有选择
所以我遇到了问题。我环顾四周，环顾四周，但没有运气。我想让我的body背景透明，但让文字不透明。就像现在一样，我一直在制作相同的不透明度。这是我的代码:@charset"utf-8";body{font:100%/1.4Verdana,Arial,Helvetica,sans-serif;background-color:#42413C;margin:0;padding:0;color:#000;}/*~~Element/tagselectors~~*/ul,ol,dl{padding:0;margin:0;}h1,h2,h3,h4,h5,h6,p{margin-top:0;paddi
所以我遇到了问题。我环顾四周，环顾四周，但没有运气。我想让我的body背景透明，但让文字不透明。就像现在一样，我一直在制作相同的不透明度。这是我的代码:@charset"utf-8";body{font:100%/1.4Verdana,Arial,Helvetica,sans-serif;background-color:#42413C;margin:0;padding:0;color:#000;}/*~~Element/tagselectors~~*/ul,ol,dl{padding:0;margin:0;}h1,h2,h3,h4,h5,h6,p{margin-top:0;paddi
在我的代码中，background-position-y不起作用。在Chrome中没问题，但在Firefox中不起作用。谁有解决办法？ 最佳答案 如果你的position-x是0，除了写:background-position:0100px;background-position-x是来自IE的非标准实现。Chrome确实复制了它，但遗憾的是firefox没有...但是，如果您在大背景上有单独的Sprite，并且行和列表示不同的东西...(例如，每行上有不同的Logo，选择/悬停在右侧，普通在左侧)，则此解决方案可能并不完美在这种情
