CSS rollover logo in wordpress

Я пытаюсь применить прокрутку изображения CSS на эмблеме заголовка Wordpress. Я знаю, что это будет очень простое решение для вас, но я не могу найти ответ в любом месте Stackoverflow. Я думаю, что это может быть связано с позицией, но добавление либо: relative, либо: absolute, похоже, не имеет значения?CSS rollover logo in wordpress

ниже мой CSS

#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;

& PHP

<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 ?>

источник

2011-01-21 user557318

Я вынул фон-вложения и фон положение линии для #logo, поэтому стиль #logo был таков:

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

И что, казалось, работал для меня. Решает ли ваша проблема?

источник

2011-02-05 17:13:17 TheLibzter

Я предполагаю, что вы хотите заменить logo.png с flatgrey.png на опрокидывание. Если это так, вы должны избавиться от всего тега <img src=".../images/logo.png"...>, а затем добавить background-image: url('images/logo.png'); в CSS #logo a. Вы также захотите переместить линию background-repeat: no-repeat; из CSS #logo a:hover в #logo a.

источник

2011-01-21 02:58:13 sfarbota

CSS rollover logo in wordpress

ответ

Смежные вопросы