HTML：それにリピートとロゴの入ったフッターとして.jpg？

Question

私は8x76のフッタとして.jpgを持っています。その高さは76pxとグラデーションの青色の単純な線です。私はそれにロゴを入れたいと思います。それを行う最善の方法は何ですか？

これは私のCSSです：

#light_footer_wrapper { 
height: 110px; 
background: url(../images/light_footer_repeat.jpg) repeat-x top left; 
position: relative; 
} 

#light_footer_logo { 
position: absolute; 
top: 8px; 
left: 600px; 
height: 110px; 

} 

#light_footer { 
    width: 960px; 
    margin: 0 auto; 
    padding-top: 10px; 
} 

HTML：

<div id="light_footer_wrapper"> 
<div id="light_footer_logo"><img src="../a/images/logo.gif" /></div> 
<div id="light_footer"></div> 

私は私のフッターの.jpgで、今の私のロゴを見つけ傾けます。しかし、ズームインするとロゴが移動する：SIはロックしたい

Answer 1

余分なdivを必要としない場合は、#light_footerのロゴの背景画像を設定することもできますあなたはもっとコントロールできます。

Answer 2

#light_footer_wrapperはブラウザの全幅なので、サイズを変更するとロゴも一緒に移動します。

あなたは、#light_footerの内側に画像を置く#light_footerposition:relativeを行い、その後、#light_footer_logoにごleftとtop値を微調整する必要があります。