Tag: 背景图像

定位背景图片，添加填充: 我想添加背景到一个div，位置正确的中心，但是，有一些填充图像。 div为文本填充，所以我想稍微缩进背景。可能最有意义w /例如：谢谢！

如何在简写背景属性中包含background-cover值？: 我试图设置一个背景图像来扩展到一个<div>的宽度和高度。 <div>将是可变大小的，所以我使用background-size: cover; background: url("..http://img.dovov.combkgnd-sidebar.png") no-repeat left top cover; 我不知道如何把它放在这个简写符号中，并使其工作。如果我单独列出每个属性，它的工作正常，但我希望有一个一体化的解决scheme。这工作，但不是首选： background-size:cover; background-image:url('..http://img.dovov.combkgnd-sidebar.png');

为什么Chrome 10和Internet Explorer 8中的内联“背景图片”风格不起作用？: 为什么以下示例在Firefox 4中显示图像，而不是在Chrome 10和Internet Explorer 8中显示？ HTML： <div style="background-image: url('../uploadimg/1312875436_05012011_2.png')"></div> CSS： div { width: 60px; height: 60px; border: 1px solid black; } 任何想法的解决方法？

缩放图像时禁用抗锯齿function: 可能重复：如何在没有抗锯齿的情况下拉伸图像放大图像时是否有可能禁用抗锯齿function？现在，我得到了这样的东西：使用下面的CSS代码： #bib { width:104px;height:104px;background-image:url(/media/buttonart_back.png);background-size:1132px 1360px; background-repeat:no-repeat;} 我想要的是这样的：简而言之，任何CSS标志都可以在放大图像时禁用消除锯齿，保留硬边缘。任何JavaScript黑客或类似的也欢迎。（是的，我知道php和imagemagick也可以做到这一点，但更喜欢基于CSS的解决scheme。）更新提出了以下build议： image-rendering: -moz-crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor; 但是，这似乎并不适用于背景图像。

是否有一个srcset相当于CSS背景图像: 与srcset属性img看起来像做一个伟大的方式来响应图像。有一个等效的语法，在CSS的background-image属性？ HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something goes here?); }

背景图像：如果图像很小，如何填充整个div，反之亦然: 我有三个问题：当我尝试在小尺寸的div中使用背景图像时，div仅显示图像的一部分。如何显示图像的完整或特定部分？我有一个较小的图像，我想用在一个更大的股利。但是不想使用重复function。有什么办法在CSS中操纵图像的不透明度？

Symfony2 – CSS中的资产负载图像: 我有一个CoreBundle包含主要的CSS文件和图像。现在我有一个问题，当我从CSS加载图像; 图像不显示。 background-image:url(..http://img.dovov.comfile.png) （具有完整的path）我使用以下命令安装资产： assets:install web ，我可以在web/bundles/cmtcore/(css|images)下看到图像和css文件。这里是核心包内的文件结构： /CoreBundle /Resources /public /css /main.css /images /file.png 这是我如何加载到模板的CSS文件： {% stylesheets '@CmtCoreBundle/Resources/public/css/*' %} <link rel="stylesheet" type="text/css" media="screen" href="{{ asset_url }}" /> {% endstylesheets %} 提前谢谢你的帮助。

我如何强制浏览器在CSS中打印背景图片？: 这个问题以前曾经问过，但是解决办法不适用于我的情况。我想确保某些背景图像被打印，因为它们是页面不可分割的一部分。（他们不是直接在页面中的图像，因为有几个被用作CSS精灵。）在同一个问题上的另一个解决schemebuild议使用list-style-image ，只有在每个图标都有不同的图像时才可以使用，不需要CSS sprites。除了用内联的图标创build一个单独的页面，还有其他解决scheme吗？

如何展开背景图片来覆盖整个HTML元素？: 我想获得HTML元素（body，div等）的背景图像来扩展其整个宽度和高度。没有太多的运气。除了作为背景图像之外，还有其他可能吗？我目前的CSS是： body { background-position: left top; background-image: url(_images/home.jpg); background-repeat: no-repeat; } 提前致谢。编辑：我不热衷于维护加布里埃尔的build议CSS，所以我改变了页面的布局。但是，这似乎是最好的答案，所以我把它标记为这样。

如何拉伸背景图片来填充div: 我想为不同的div设置背景图片，但是我的问题是：图像的大小是固定的（60px）。改变div的大小如何扩展背景图像来填充div的整个背景？ #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48http://img.dovov.comthemes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } 在这里检查代码。