CSS ролловер логотип в WordPress - PullRequest
Новая
       12

CSS ролловер логотип в WordPress

0 голосов
/ 21 января 2011

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

ниже мой 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 ?>

Ответы [ 2 ]

0 голосов
/ 05 февраля 2011

Я вынул background-attachment и background-position строки для #logo, поэтому стиль для #logo был такой: 

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

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

0 голосов
/ 21 января 2011

Я предполагаю, что вы хотите заменить 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.

...