Wordpress - One particular .png is not appearing on page, others appear
normally
I am developing a site in Wordpress. I am using a transparent .png image
for the site logo, floating it over the header and navbar. Locally,
everything worked fine. But once I uploaded the theme to a live site
(hosted by GoDaddy), the logo disappeared. I am using a child of Twenty
Thirteen, and placed the logo over the header and nav bar by floating it
in the header.php file on a div tag.
<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>
The CSS code:
#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;
No image appears. However, when I mouse over the area where it should be,
I get a change in content in the status bar at the bottom of the browser.
It's like the image SHOULD be there, but its invisible. I tried putting
other images in its place in the CSS (just dropping other image names in
that were in the folder with it, not changing the file path) and the
images showed normally, even .png transparencies. I have verified that the
logo images are true .pngs, and not misnamed Photoshop files or something
like that.
I'd like to emphasize the point that this all worked when I hosted the
site locally via xampp, and this problem did not manifest until I moved
everything to GoDaddy. All other images work normally.
Can anyone help me sort this out? Thanks
No comments:
Post a Comment