background-image doesn’t appear if is empty?

by

Since the div is empty, there’s no content to push it “open” leaving the div to be 0px tall. Set explicit dimensions on the div and you should see the background image.

.bordertop 
{
    background-image: url(../images/top_border.png);
    background-repeat: repeat-x;    
    height: 100px;
    width: 100%; /* may not be necessary */
}

More Related Contents:

  1. How to align a to the middle (horizontally/width) of the page [duplicate]
  2. Advantages of using display:inline-block vs float:left in CSS
  3. Align elements side by side
  4. Child inside parent with min-height: 100% not inheriting height
  5. Select elements by attribute in CSS
  6. How to prevent long words from breaking my div?
  7. How can I center into a div?
  8. Canvas has white space at the bottom and scrolls too far
  9. Disable webkit’s spin buttons on input type=”number”?
  10. How do I force a DIV block to extend to the bottom of a page even if it has no content?
  11. Align two inline-blocks left and right on same line
  12. Two divs, one fixed width, the other, the rest
  13. blur of part of Background image with css
  14. Make outer div be automatically the same height as its floating content
  15. Remove “whitespace” between div element
  16. Two Divs next to each other, that then stack with responsive change
  17. Make HTML5 video poster be same size as video itself
  18. How to align a div to the top of its parent but keeping its inline-block behaviour?
  19. How to get Floating DIVs inside fixed-width DIV to continue horizontally?
  20. CSS text ellipsis when using variable width divs
  21. How to push a footer to the bottom of page when content is short or missing?
  22. Styling HTML and BODY selector to height: 100%; vs using 100vh
  23. Why box-sizing is not working with width/height attribute on canvas element?
  24. How do I make text bold in HTML?
  25. Center fixed div with dynamic width (CSS)
  26. Is it acceptable to use tables for forms? Or is it still more correct to use divs?
  27. overflow: hidden on div and body, different behavior
  28. Change an HTML input’s placeholder color with CSS
  29. Stacking DIVs on top of each other?
  30. CSS word-wrapping in div

Leave a Comment