我正在设计一个页面，其内容区域可以根据对角线条纹背景进行缩放。
内容区域 div 是固定宽度，将与内容垂直缩放。因为边框是一个投影，我有一个重复的背景图像（40像素宽，80像素高），必须与页面背景图像对齐。我需要 div 以80px的倍数进行缩放，以便重复背景彼此一致。
是否有一个优雅的解决方案，允许我缩放内容区 div ，以便它始终以80px的倍数显示？如果没有，是否有另一种方法可以解决这个问题，而不是将 div 缩放到80px的倍数？
提前致谢！
赖安
答案 0 :(得分：2)
除非您绝对需要在旧浏览器中显示投影，否则可以使用CSS3 box-shadow属性而不是使用图像生成投影。由于阴影是由浏览器生成的，所以它更加灵活，并且无论排列方式如何，它都会很好地落在背景上。
答案 1 :(得分：1)
假设浏览器支持此css属性，Jimmy的想法很可靠。另一个更奇怪的想法可能是让jquery将一个div插入到具有固定定位的DOM中，并且偏移到你的内容div和一个将它放在你的内容div之后的z-index。然后你可以使用这个新的under-div不透明度（你可以使用fadeTo但也许有更好的东西）。基本上通过在50％不透明度下使用相同大小的div来给内容div一个真正的阴影。
答案 2 :(得分：0)
为什么不将剥离的背景留在内容区域之外，并使用透明的png来处理将使用投影的图像。由于您已经尝试使用javascript修复css问题，为什么不使用DD_belatedPNG以便在IE6中正确显示Alpha透明度