背景图像布局问题

时间:2010-04-07 00:19:00

标签: css background

客户希望有一个占据整个屏幕的图像,鼠标悬停在菜单上会出现。问题是各种屏幕尺寸的高度垂直对齐....这个问题最常见的解决方案是什么?让我们假设网站观众最常见的屏幕分辨率是1024x768,但在较小的分辨率上也应该看起来很好(特别是对于笔记本电脑)。

我最初的想法是使用1000x600和黑色背景等图像......还有其他想法吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

将屏幕的宽高比与图像的宽高比进行比较,然后适当缩放图像。例如,如果屏幕的宽高比(宽度/高度)大于图像的宽高比,则它太宽 - 因此缩放图像的宽度,但保持高度与视口的大小相同。反之亦然,如果它更小。我认为你可以使用PHP来实现你想要的。