0

WordpressのヘッダーロゴにCSS画像のロールオーバーを適用しようとしています。これは皆さんにとって本当に簡単な解決策になることは知っていますが、Stackoverflowのどこにも答えが見つからないようです。位置と関係があると思いますが、：relativeまたは：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 ?>
4

2 に答える 2

0

#logoのbackground-attachmentとbackground-position の行を取り出したので、#logo のスタイルは次のようになりました。

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

そして、それは私にとってはうまくいくようでした。それはあなたの問題を解決しますか？

于 2011-02-05T17:13:17.887 に答える
0

ロールオーバー時に 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-21T02:58:13.500 に答える