100%div宽度的CSS背景图像

时间:2012-10-06 17:19:33

标签: css

![这应该是它的样子] [1]

我不知道如何为需要在bcg或div中的图像编写CSS,这将与内容和标题的右侧对齐。此图片必须从内容的右侧到浏览器窗口的左侧。

假设浏览器窗口宽度为1900像素,内容为1100像素中心对齐。 图像与浏览器窗口的右侧对齐。

我想以改变浏览器窗口宽度的方式编写它,图像需要保持右对齐,左边部分需要“消失”,就像使用背景图像和更改div的大小一样。

没有大声拉伸图像,也没有水平滚动。

它需要看起来像这样http://city.tolteam.com/2.html - 网站看起来像http://city.tolteam.com/ac.jpg

感谢任何帮助。谢谢。

1 个答案:

答案 0 :(得分:-1)

使用 float:right; width:50%; /* or a fixed width if you dont want the image to shrink or stretch */

说像

float:right; width:400px; /* The actual image width */

在浏览器调整大小不变的情况下,这将始终保持不变大小。