Question

如何让一个div内放两个背景图片，一个最左边，一个最右边？

开始我去看了网上的说法，说里面再放两个div，然后放背景图片，如果是在一个全屏的div内里面这样做的话，我觉得不太行，毕竟一般一个大DIv内里面还有其他内容

Answer 1

我觉得可以用两个div实现，相当于两个div摞起来。外层的div和内层的div大小设置一样，外层的设置背景图在左，内层的div设置背景图在右边，这样跟你要的效果是一样的，div按照百分比设置尺寸也没有问题

追问

这个答案还勉强过关，我先试试啊

我要的效果差不多就是这样的，不管浏览器怎么缩放，我的内容居中显示，但是两边的背景图是不变的，也是自适应的

追答

你想让背景图片的大小也跟着变化？css3里面有一个background-size:100% 100%，可以设置背景图片的百分比，你在无缩放的情况下看看，图片宽度大概占整个div的百分之多少，然后设置宽度的百分比，高度auto，这样背景图片应该不会变形

再有就比较麻烦了，就是通过js计算出来具体的背景图的宽度，实时改变background-size

追问

图片不变化，中间的内容一直是居中显示，因为我中间内容要做网站后台登陆，我是极端分子，万一有一些人喜欢把浏览器缩放来用呢，所以要考虑到这个问题，像你说的可以是可以，就是层层嵌套麻烦了点

同时也发现了一个新方法，body设置图片中的过渡颜色，然后一个100%的div设置右边背景，然后里面添加一个绝对定位的固定大小背景图，内容的话利用css3属性@media来设置浏览器缩放所显示的地方也可以的，辛苦了

Answer 2

div只是你的布局，多了也没什么影响。ps:而且照你说的做之后，解决这个问题：
你要加CSS， 一个图片加上float：left就可以了

追问

我的意思是我缩放浏览器，div里面的内容要不受影响，如果你图片设置浮动，那么它还是占据了一定位置，浏览器缩放到一定程度，就会挤我div里面的内容的

Answer 3

div里再放一个div， 外层的背景放左边， 内层的背景放右边

Answer 4

把两个背景图做成一张图不就得了

追问

你没懂我的意思，如果我屏幕1920X1040的像素，那么怎么做，如果是平板的屏幕呢

追答

你是担心图片位置？
底层图片不用担心吧，里面放的另一个div设置绝对定位，脱离文档流，z-index放到最低，或者把别的内容的层级设高。
还有，图片都设置50%宽度就OK了