重复的背景重叠

我有一个可以轻松重复的背景图案。问题是我对背景底部和背景右侧有一个阴影。我如何重复这样的图像？我想我可能会从右侧剪下这块，并重叠右侧的影子。或者使用整个图像是唯一的解决方案？
enter image description here 重复的背景重叠

来源

2011-02-10 user194076

我想有一个解决方案，而不更改HTML标记。我只有一个div。 – user194076 2011-02-10 19:56:05

图片中使用的纯色只是一个演示。我有一个模式 – user194076 2011-02-10 20:05:28

我的建议是使用box-shadow css属性为您的元素应用阴影，而不是重复阴影的图像。您可以使用下面的方法让喜欢你的例子阴影：

-moz-box-shadow: 5px 5px 10px #000; /* FF3.5+ */ 
-webkit-box-shadow: 5px 5px 10px #000; /* Saf3.0+, Chrome */ 
box-shadow: 5px 5px 10px #000; /* Opera 10.5, IE9 */

当然，当你看到这些属性不支持Internet Explorer 8和下面的，但你可以使用css3pie，一个脚本，给你带来一些CSS3属性到Internet Explorer。是我经常使用的东西。

实施例：http://jsbin.com/iquso3

一种替代方法是使用来自存在的many一个jquery溶液。

来源

2011-02-10 20:27:35 Sotiris

为背景，采用整幅图像的唯一的解决办法，所以你需要单独的图像来做到这一点的灵活大小的盒子。

您可以保留html并使用css添加shadow，或者使用javascript/jquery动态插入额外的div。

来源

2011-02-10 20:02:11 GolezTrol

重复的背景重叠

回答

相关问题