Wordpressでサイトを開発しています。サイトのロゴに透明な .png 画像を使用し、ヘッダーとナビゲーション バーの上に浮かせています。ローカルでは、すべてが正常に機能しました。しかし、テーマをライブ サイト (GoDaddy がホスト) にアップロードすると、ロゴが消えてしまいました。私は Twenty Thirteen の子を使用しており、div タグの header.php ファイルにロゴを浮かせて、ヘッダーとナビゲーション バーの上にロゴを配置しました。
<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<header id="masthead" class="site-header" role="banner">
<a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</a>
<div id="logo"></div>
CSS コード:
#logo {
position: absolute;
top: 15px;
bottom: 0;
left: 30px;
width: 203px;
height: 201px;
background: transparent url(images/dcm_logo.png) bottom right no-repeat;
z-index:1000;
画像が表示されません。ただし、あるべき領域にマウスを合わせると、ブラウザーの下部にあるステータス バーの内容が変化します。画像が存在する必要があるようですが、見えません。他の画像を CSS の所定の位置に配置しようとしました (ファイル パスを変更せずに、フォルダー内にある他の画像名をドロップするだけです)。ロゴ画像が真の .png であり、誤った名前の Photoshop ファイルなどではないことを確認しました。
xampp を介してサイトをローカルでホストした場合、これはすべて機能し、すべてを GoDaddy に移動するまでこの問題は発生しなかったことを強調したいと思います。他のすべてのイメージは正常に機能します。
誰かがこれを整理するのを手伝ってくれますか? ありがとう