宝塔服务器面板，一键全能部署及管理，送你10850元礼包，点我领取

2014 H5BP Image Replacement 2 ∞

<h3 class="visuallyhidden">
  CSS-Tricks
</h3>

h3.visuallyhidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; 1px }

Notes

This doesn’t really replace a single element with an image, it just does a good job at hiding an element from view while remaining accessible to screen readers. So you could use whatever you wanted to display the image, then put an <h3 class="visuallyhidden">Title</h3> next to it.

.entry { background: rgba(139, 102, 204, 1) }