控制一个div的每个背景图像的每个样式属性
我有一个div我想给他2个或更多的背景图像。我用两个图像为div类设置了一个样式：
.manyImages {
background: url(/a1.png), url(/a2.png) no-repeat;
}
<div class="manyImages"> </div>
我的问题是设置不同的背景大小为每个图像URL。我如何控制每个图像的许多背景图像在一个DIV设置大小，边框，颜色...？
编辑：我想控制每个图像的大小在DIV里面，例如第一个图像的背景应该是20px20px，第二个图像应该是40px45px等等。
共有1个答案
速记背景：彩色图像位置、位置重复；
background:
url(/a1.png) center center no-repeat,
url(/a2.png) left top no-repeat;
//then
background-size:cover,auto;
//cover,contain,%,px...
不能向背景图像添加边框。
如果不使用cover或contain,也很难保持纵横比
只有在chrome中，您还可以通过添加/，在repeat标记后添加简写background-size。所以
background:color url posx posy repeat / sizex sizey
示例
http://jsfidle.net/at7g4/1/
编辑
如何设置自定义背景大小：
background:url(a.jpg) 0px 0px no-repeat,url(b.jpg) 20px 0px no-repeat,url(c.jpg) 70px 0px no-repeat;
background-size:20px 20px,45px 40px,50px 50px;
示例
http://jsfidle.net/at7g4/2/
-
我想让我的登录活动与背景关闭整个活动，包括手机本身的时钟像这样 这是我的密码 但我的输出是 我需要删除橙色条，使其与第一个图像相同。 我如何按照这种风格制作：
-
我刚接触外汇。我有一个有10个标签的标签面板。每个选项卡都有许多控件（图表、按钮等），我想要的是为每个选项卡分配一个控制器。SceneBuilder只允许我为整个视图分配一个控制器，我的意思是，只有顶部面板（根）有“控制器类”选项，所以我必须为一个类中的所有选项卡编写代码，这导致了一个非常大的类，很难理解和维护。也许解决方案很简单，但正如我所说，我对FX的经验很少，我也无法在网上找到类似的东西。
-
我试图在网站www.nhadatsonnghia.com的一篇文章中为图像创建一个放大/缩小功能。当一切正常工作时，出现了一个错误，即jquery只对第一个标记中的第一个图像起作用，并且后续每个标记中的图像无法放大/缩小。运行后，只有第一个图像具有style=“transform:scale(1)；”类。 你可以看到它在这里工作 那么我应该如何修正放大/缩小每个div中的每个图像呢？如果你能建议我
-
问题内容： 假设我要在CSS中渲染箭头，箭头应具有头部，尾部和灵活的宽度，以便可以包含文本。我当然可以创建多个div来获得所需的内容，但是如何在CSS3中完成呢？ 我可以使用多个背景图片： 的HTML： 这给了我一个带有箭头和尾巴的透明中间部分。似乎不可能在中间部分指定颜色。 仅使用一张背景图像，您可以执行以下操作： 我知道这在很多方面都是可行的，但是背景颜色属性是否真的从速记定义中丢失了？ 问题
-
假设我有 我想放一个并给它一个为-但我想要我写的文本有完全的不透明度()。 如果我像这样编写CSS 所有的东西都是低透明度的--我不想那样。 所以我的问题是--我怎样才能获得低不透明度背景图像与全不透明度文本？
-
我在用这个http://www.primefaces.org/showcase-labs/ui/selectManyCheckbox.jsfprimefaces组件获取动态布尔复选框值 我需要对所有布尔复选框应用不同的颜色，如下图所示 如果id=1，则颜色为红色；如果id=2，则颜色为橙色，依此类推。 正如我们所知，这些是电影中的动态值，那么我如何从backing bean为这些动态复选框设置背景