在一个div中的多个背景图像

我在Photoshop中制作了一个功能区。功能区有三部分。左侧和右侧部分是固定的10px。中间部分是可重复的模式。在一个div中的多个背景图像

是否有可能将这些图像作为我的标签的背景结合起来？

2012-01-30 holian

只有在CSS3，你可以有一个元素多背景，所以是的，但不是所有浏览器都将支持它。 – j08691 2012-01-30 20:35:12

这是另一个可能的解决方案。如果您可以更改背景，使其由两个图像组成，您可以使用此处解释的技术：http://www.alistapart.com/articles/slidingdoors2/ – 2012-01-30 20:45:30

为@ j08691说，只有在CSS3

#yourTag { 
background-image: url(one.png), url(two.png); 
background-position: center bottom, left top; 
background-repeat: no-repeat; 
width: 300px; 
height: 350px; 
}

在这里你有一个：good example

来源

2012-01-30 20:39:12 MCSI

良好的解决方案。但是，从我阅读的内容来看，在所有浏览器中都不起作用......在我看来，它已经足够普及，但取决于您的目标受众。谨慎使用。 – blo0p3r 2012-01-30 20:56:31

只可能用CSS3的现代浏览器。

.element{ 
    background-image: url(key.png), url(stone.png); 
}

来源

2012-01-30 20:39:17 laymanje

只需在标记中添加一个类，然后使用CSS为该类添加背景。这不会对IE8工作或更早

div 
{ 
background:url(smiley.gif) top left no-repeat, 
url(sqorange.gif) bottom left no-repeat, 
url(sqgreen.gif) bottom right no-repeat; 
}

代码为http://www.w3schools.com/cssref/css3_pr_background.asp

为了得到它在IE的其他版本的工作，你可以使用类似CSS3Pie http://css3pie.com/documentation/supported-css3-features/#pie-background 但是我想将代码前全面测试住

来源

2012-01-30 20:42:02 Oliver

在一个div中的多个背景图像

回答

相关问题