Error: CSS: background: / is an incorrect operator

by

If we refer to the formal syntax:

enter image description here

The / is the separation between background-position and background-size (this one being optional) so the correct syntax is:

 background: url(...) 100% 0/4% no-repeat;

Where background-position:100% 0 and background-size:4%

Note that background-size should always be specified with background-position when using shorthand syntax. You cannot specify the size without position but you can specify position without size:

 background: url(...) 100% 0 no-repeat;

Relatad question: Issues with “background-position” in “background” shorthand property

More Related Contents:

  1. Using percentage values with background-position on a linear-gradient
  2. How to remove the stripes that appears when using linear gradient property [duplicate]
  3. Stretch and scale a CSS image in the background – with CSS only
  4. CSS3 background image transition
  5. How to get div height to auto-adjust to background size?
  6. Preloading CSS Images
  7. How to validate vendor prefixes in CSS like -webkit- and -moz-?
  8. Gradients in Internet Explorer 9
  9. What is the difference between background and background-color
  10. draw diagonal lines in div background with CSS
  11. Why does the linear-gradient disappear when I make an element position:absolute?
  12. Greyscale Background Css Images
  13. Cross browser way to rotate image using CSS?
  14. CSS opacity and child elements
  15. blur of part of Background image with css
  16. CSS: background image on background color
  17. div background color, to change onhover
  18. Overlay a background-image with an rgba background-color
  19. background-attachment fixed with transform not working in Firefox
  20. Fixed gradient background with css
  21. The page moves to the left
  22. What is the difference between :first-child and :first-of-type?
  23. What does an asterisk do in a CSS property name? [duplicate]
  24. CSS Parent/Ancestor Selector [duplicate]
  25. Symfony2 – Assetic – load images in CSS
  26. Styling Password Fields in CSS
  27. Scrollbar color change in Firefox
  28. The difference between flex:1 and flex-grow:1
  29. What is the difference between default, user and author style sheets?
  30. There is a 4px gap below canvas/video/audio elements in HTML5

Leave a Comment