Not Solved Multiple header backgrounds
#1
Not Solved
Is there any reason multiple backgrounds won't work in the header? I've tried long hand and short hand and declarations on multiple lines and single lines but still nothing.

A single image works fine, but two shows nothing. Inspecting the element shows that the declaration for background-image is missing Huh 


.topbar {
	background-image: url("images/turd/header_fade.png"), url("images/turd/header.php");
	background-position: left top, 1050px top;
	background-repeat: repeat-y, no-repeat;
	color: #fff;
	border-bottom: 1px solid #262626;
	height: 220px;
	padding: 0;
	margin: auto;
	text-shadow: 1px 1px 0px #262832;
	-moz-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;	
}
Reply
#2
Not Solved
background-image property doesn't support .php file extension
I don't give support on PM.
Reply
#3
Not Solved
It does if the php file sends the correct headers and returns an image.
Reply
#4
Not Solved
anyone???? :/
Reply
#5
Not Solved
Use without the " in url

Edit:

change this

background-image: url("images/turd/header_fade.png"), url("images/turd/header.php");

to

background-image: url("images/turd/header_fade.png"), url("images/turd/header.png");
Reply
#6
Not Solved
Single quotes, double quotes, no quotes all don't resolve the issue (the quotes are optional in css anyway).

header.png doesn't exist, its a php file that returns a random header image. The php extension isn't the issue here as it works fine on its own.

This is so frustrating that something so simple is getting screwed by the software somewhere.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)