浮动背景图像

在我site存在输入形式和轨道图片。如果您调整浏览器窗口大小，轨道将崩溃到表单中。尽管轨道不是独立的图像，是否可以浮动背景图像？
CSS：浮动背景图像

#header{ 
    height:212px; 
    width:100%; 
    margin:0 auto; 
    border-bottom:2px solid #66675e; 
    background:url(img/truck.gif) no-repeat 150px 55px; 
}

来源

2012-11-15 Tahtakafa

-1

为了防止包含在具有背景图像同一div你的车的背景图像和你的元素之间的碰撞，我会sugest有你的DIV的最小宽度。

另一种解决办法是让你的div浮动，并添加一个最小宽度（提取的风格融入了CSS，更换a和b的大小和执行计算）：

<div id="header" style="min-width: (a+b)px;"> 
    <div style="float: left; width: (a)px;"><img src="truck"/></div> 
    <div style="width: (b)px; margin: auto;"><form..../></div> 
</div>

这应该给你一开始

来源

2012-11-15 23:53:32 ro0ter

这不会做任何事情没有Javascript ...此外，你不应该使用内联样式，如果你可以避免它。 – cereallarceny

这并没有给我一个开始。我很抱歉，也许我是一个CSS雅虎。 – Tahtakafa

** cereallarceny ** >>这仅仅是一个例子。 – ro0ter

浮动背景图像

回答

相关问题