Forgive my noobness. I am developing my first Drupal site in a rush (for school) and it's on a testing server so I can't post it.
I have different header images on different pages all with one logo on top. I have achieved this by creating unique blocks for each page that have links to the logo and the page header image. The transparent .gif logo is styled in CSS to go over a variety of photo headers styled in CSS.
Code looks something like this:
<div id="headers-img"><a href="http://site.com/about"><img class="back-image" src="sites/default/files/images/header-news.jpg"><img class="top-image" src="/sites/default/files/images/logo.gif"></a></div>
These blocks are then assigned specific pages based on url aliases. But I have one that is "all pages except those listed". I hoped this would be my default.
It works great until I visit a child directory page like site.com/blog/1 or site.com/node/83, then the logo shows up, but the other image does not. Same with images in some of my sidebar blocks (they are not layered, but do have classes).