2011-01-21 15 views
0

WordpressヘッダーロゴにCSSイメージロールオーバーを適用しようとしています。私はこれはあなたのための本当に簡単なソリューションになるだろうが、私はどこでも答えを見つけることができないことを知っているStackoverflow。私はそれがポジションと関係しているかもしれないと思うが、どちらかを追加する:相対的な:または絶対的な違いはないようだ?以下ワードプレスのCSSロールオーバーロゴ

PHP

#top { 
height: 105px; 
padding-left: 10px; 
padding-top:27px; 
} 
#logo { 


/* background-attachment: scroll; 
background-image: url(images/logo.png); 
background-repeat: no-repeat; 
background-position: left top;*/ 
height: 70px; 
width: 461px; 
} 

#logo a:hover { 

background-attachment: scroll; 
background-image: url('images/flatgrey.png'); 
background-repeat: no-repeat; 
background-position: left top;*/ 
height: 70px; 
width: 461px; 


} 

#logo a { 

display:block; 
height: 70px; 
width: 461px; 

&私のCSSで

<body <?php body_class(); ?>> 

<div id="outer"> 
    <div id="top"> 
     <div id="logo"> 
      <?php    
      ob_start(); 
      ob_implicit_flush(0); 
      echo get_option('imbalance_custom_logo'); 
      $my_logo = ob_get_contents(); 
      ob_end_clean(); 
      if (
      $my_logo == '' 
      ): ?> 
      <a href="<?php bloginfo("url"); ?>/"> 
      <img src="<?php bloginfo('template_url'); ? >/images/logo.png" alt="<?php bloginfo('name'); ?>" /></a> 
      <?php else: ?> 
      <a href="<?php bloginfo("url"); ?>/"><img src="<?php echo  get_option('imbalance_custom_logo'); ?>" alt="<?php bloginfo('name'); ?>" /></a>    
      <?php endif ?> 

答えて

0

#logoのスタイルは、このだったので、私は、背景付着背景位置に#logoため行を取り出した:

#logo { 
background-image: url(images/logo.png); 
background-repeat: no-repeat; 
height: 70px; 
width: 461px; 
} 

そして、それは私のために働くように見えました。あなたの問題を解決しますか?

0

私はあなたがロールオーバーにflatgrey.pngでlogo.pngを交換したいと仮定しています。その場合は、<img src=".../images/logo.png"...>タグ全体を取り除き、#logo aのCSSに background-image: url('images/logo.png');を追加する必要があります。 background-repeat: no-repeat;行をCSSの#logo a:hoverから#logo aに移動することもできます。