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

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

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

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

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



追答

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

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

追问

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

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

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/f77877vsvfs2f2787p7.html