0

I am having problems with Mozilla browser.

Below properties working on Mozilla but not in safari. How can i use same code in both browser. I have tried this code for both browser

background: url("../img/side_line.png") no-repeat scroll 3% 50% / 10px auto rgba(0, 0, 0, 0); 

but below properties working on safari but not in Mozilla

background: url("../img/side_line.png") no-repeat ; background-position-x: 3%; background-position-y: 50%; background-size: 8px; 
3
  • Can you explain what 3% 50% / 10px auto means? Commented Sep 15, 2014 at 8:10
  • 1
    @Justinas - "If one of the properties in the shorthand declaration is the background-size property, you must use a / (slash) to separate it from the background-postion property" - W3Schools Commented Sep 15, 2014 at 8:17
  • 3% 50% is position of background and 10 px is the size of background iamge Commented Sep 15, 2014 at 9:51

1 Answer 1

1

how about this?

background:url(../img/slide_line.png) 3% 50% no-repeat; background-size:8px auto; 
Sign up to request clarification or add additional context in comments.

2 Comments

wow that's great solution. Thank you so much for the make it easy for me .
happy to be helped :)

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.