Avatar of David Schure
David Schure
 asked on

Background color won't change

The background color on the series of services (Amazon, You Tube, etc, does not change.

http://mediascrubber.com/

#hap-wrapper{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 100%;
	-moz-box-shadow: 1px 1px 3px #333;
	-webkit-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333;
	background: -webkit-linear-gradient(left, #231c17, #856657;
	background: -moz-linear-gradient(left, #231c17, #856657);
	/*background: -webkit-linear-gradient(left, #333c0f, #8e7944);
	background: -moz-linear-gradient(left, #333c0f, #8e7944);*/
	border-radius: 6px;
	padding: 30px;
	/*background-color: #600;*/
	background-position: left;
}
#hap-wrapper>div:not(:first-child):hover{
	transition: background-color .3s ease;
	background-color: #FFFF00;
	/*background-color: #8e7944;*/
	filter: alpha(opacity=50);
	-webkit-opacity: .5;
	opacity: .5;
}

Open in new window

CSS

Avatar of undefined
Last Comment
David S.

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
David S.

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
David Schure

ASKER
Thank you!!! Thank you! Thank you!!!!  What exactly is non-prefixed gradients.  And how do you add them.
David S.

You're welcome.

It's the official syntax. (I included them in the revised code I posted.) You were only using the Webkit and Mozilla variants (which in this case are the same except using a different prefix) from when this CSS feature was experimental. It doesn't hurt to still include them for backwards compatibility, but some developers consider them unnecessary.

As to how to add them, that would depend on how you add the prefixed gradients. I've actually been working on a tool that might help with that, but I haven't released it publicly yet.
Your help has saved me hundreds of hours of internet surfing.
fblack61