测试效果

2014 H5BP Image Replacement 2 ∞

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

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.

转载于:https://www.cnblogs.com/JackyKun/p/5248439.html