Put background image over text?

by

This is definitely not possible, and rightfully so. It would be wrong (and confusing) if you could use the background property of an element for anything other than the background.

The right way to do this is with an absolutely positioned div (with width and height set to 100%) within the container, alongside the text: http://jsfiddle.net/EvqNb/

More Related Contents:

  1. Is there a CSS selector for elements containing certain text?
  2. ::slotted CSS selector for nested children in shadowDOM slot
  3. How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
  4. Nesting CSS classes
  5. Control the dashed border stroke length and distance between strokes
  6. Is embedding background image data into CSS as Base64 good or bad practice?
  7. How can I remove the outline around hyperlinks images?
  8. Text on image mouseover?
  9. Specify an SVG as a background image and ALSO style the SVG in CSS?
  10. Can I change the fill color of an svg path with CSS?
  11. how to reset a CSS variable (aka custom properties) and use the fallback one?
  12. CSS transitions with calc() do not work in IE10+
  13. CSS rounded corners in IE8
  14. Is there such a thing as an “all inclusive sibling” CSS selector?
  15. CSS Best Practice about ID and Class?
  16. Bootstrap 4 card-deck with number of columns based on viewport
  17. What is the em font-size unit? How much is it in pixels?
  18. On IE CSS font-face works only when navigating through inner links
  19. CSS: How to have position:absolute div inside a position:relative div not be cropped by an overflow:hidden on a container
  20. prevent children from inheriting transformation css3
  21. how to change bootstrap version 4 button color
  22. CSS change d property of
  23. Bootstrap drop down cutting off
  24. Is it possible to give one CSS class priority over another?
  25. CSS transition fade in
  26. In outlook html email, float does not work
  27. How to change Bootstrap navbar collapse breakpoint
  28. Why magin:auto is not enough to center position absolute or fixed?
  29. Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?
  30. How to extend css class with another style?

Leave a Comment