0

我有一个问题,我特别不知道如何正确表达,因此因缺乏适当的术语而提前道歉。我正在尝试做的是让标题图像左对齐 - 左:0px; - 位置:绝对;这样当页面在不同尺寸的屏幕上加载时,它总是会卡在浏览器窗口的左侧。但同时我希望标题图像在它与页面左对齐时在更大尺寸的屏幕上加载时停止(如果这有意义的话)。页面如下:

http://tinyurl.com/d2zttye

我希望 BREAKWATER 图像在调整大小时随页面浮动,但在遇到其下方的背景图像(#page div)时停止。因此,当在大于背景图像大小(1592px)的窗口中加载时,它不会向左浮动。截至目前,它不会随页面大小浮动,并在较小的屏幕上被截断。

希望这是有道理的,如果我需要澄清任何事情,请告诉我。任何帮助将不胜感激!

谢谢!!!

4

1 回答 1

1

弄清楚了!通过使用@media screen,我能够定义当浏览器窗口小于 1592 像素且大于 1593 像素时标题在页面上的位置。#bwheader 是 div,当窗口小于 1592px 时,它会随浏览器向左浮动,左填充为 10px。当窗口大于 1593 像素时,它会保持固定(但使用 position:absolute 并使用负边距和 50% 左侧使 div 居中)。希望这可以帮助任何需要它的人!

@media screen and (max-width: 1592px) 
 {
    #bwheader{
    position:absolute;
    top:0px;
    height:74px;
    float:left;
    padding-left:10px;
 }
}

@media screen and (min-width: 1593px) 
 {
    #bwheader{
    position:absolute;
    top:0px;
    width:1592px;
    margin-left:-796px;
    left:50%;
    height:74px;
 }
}
于 2012-04-08T03:29:49.150 回答