0

我正在用 Wordpress 开发一个网站。我正在为网站徽标使用透明的 .png 图像,将其浮动在标题和导航栏上。在本地,一切正常。但是,一旦我将主题上传到现场网站(由 GoDaddy 托管),徽标就消失了。我正在使用二十三岁的孩子,并通过将徽标浮动在 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 透明胶片。我已验证徽标图像是真实的 .png,而不是错误命名的 Photoshop 文件或类似文件。

我想强调一点,当我通过 xampp 在本地托管站点时,这一切都有效,直到我将所有内容都移到 GoDaddy 后,这个问题才显现出来。所有其他图像正常工作。

谁能帮我解决这个问题?谢谢

4

1 回答 1

0

可能是图片链接的问题。尝试url(/images/dcm_logo.png)url(../images/dcm_logo.png)。看看图像是否出现。还要检查文件名是否拼写正确。您是否尝试再次在服务器上加载图像?

于 2013-08-27T06:14:50.307 回答