This is a pretty funny issue which I only figured out when opening your page in Chrome’s incognito mode: Your background image is being blocked by AdBlock.
Also, for rendering purposes it’s better practice to stick style elements in your page’s head.
More Related Contents:
- Webkit CSS to control the box around the color in an input[type=color]?
- How do you easily horizontally center a using CSS? [duplicate]
- CSS Floating Divs At Variable Heights [duplicate]
- Remove blue border from css custom-styled button in Chrome
- Footer at bottom of page or content, whichever is lower
- Is there a way to make a child DIV’s width wider than the parent DIV using CSS?
- How to save CSS changes of Styles panel of Chrome Developer Tools?
- See :hover state in Chrome Developer Tools
- Is float for layout bad? What should be used in its place?
- Chrome on Android resizes font
- How to create equal height columns in pure CSS [duplicate]
- How do I right align div elements?
- How do I auto-hide placeholder text upon focus using css or jquery?
- What is the difference between the hidden attribute (HTML5) and the display:none rule (CSS)?
- Background Image for Select (dropdown) does not work in Chrome
- How does object-fit work with canvas element?
- Chrome rendering issue. Fixed position anchor with UL in body
- How to make a element expand or contract to its parent container?
- Disable zoom on a div, but allow zoom on the page (an alternate div)
- element not working in Internet Explorer 11
- Chrome renders colours differently from Safari and Firefox
- Why can’t I make my div 100% height if I use an HTML5 doctype? How do I get it 100% height
- How to add a search box with icon to the navbar in Bootstrap 3?
- Align vertically using CSS 3
- HTML5 image icon to input placeholder
- chrome/safari display border around image
- background-image doesn’t appear if is empty?
- Why doesn’t position: sticky work in Chrome?
- print page count with total number of pages using css
- Stacking DIVs on top of each other?