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) }

總結

以上是生活随笔為你收集整理的测试效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。