You are here:

Javascript/Background Position CSS Menu

Advertisement


Question
Hello Kevin. I have this fiddle. http://jsfiddle.net/burn123/2spQB/
This menu works great in Firefox, with the stripes going up and down, and on hover, the stripes move to the right using the background position plugin. But in webkit browsers, the stripes display as horizontal, and the background doesn't move. I don't know what I am doing wrong. Can you help me out?

Answer
Hi Cody,

Thanks for your question. The problem was in the CSS. Every instance of  "-webkit-linear-gradient(90deg..." needed to be changed to:  "-webkit-linear-gradient(180deg..."

Here is a JS Fiddle link with the problem fixed:  http://jsfiddle.net/ugFfG/

The JS fiddle link works for me in FireFox, Chrome and Safari (all on MAC)

Best Wishes,

Kevin Chisholm

http://kevinchisholm.com/

http://blog.kevinchisholm.com/

Javascript

All Answers


Ask Experts

Volunteer


Kevin Chisholm

Expertise

I can answer questions about: JavaScript, Object-Oriented JavaScipt, JSON, AJAX, jQuery, HTML, CSS

Experience

I am a Front-End Web Developer living in New York City. I have provided services to titles such as Time.com, TimeForKids.com, SportIllustrated.com, coastalliving.com, People.com, TDAmeritrade.com, and Instyle.com. Being particularly passionate about Object-Oriented JavaScript as well as Web Standards, I spend a fair amount of time writing about / teaching Front-End Web Development techniques. In my free time I enjoy reading about advanced JavaScript, as well as Web Development trends and best practices. My Blog is: http://blog.kevinchisholm.com/ JavaScript-specific blog posts can be found here: http://blog.kevinchisholm.com/category/javascript/

Organizations
NYC Front-end Developers CSS3 / HTML5 The future of front end Front-End Engineers Javascript Syracuse University Alumni Network

Education/Credentials
Syracuse University - VPA - 1983 - 1987

Past/Present Clients
cookingchanneltv.com foodnetwork.com food.com hgtv.com diynetwork.com gactv.com frontdoor.com hgtvremodels.com travelchannel.com Time.com TimeForKids.com SportIllustrated.com coastalliving.com People.com TDAmeritrade.com ramirezco.com njsga.org soccercoliseum.com superdomesports.com afeenj.org

©2016 About.com. All rights reserved.