使用CSS包含装饰性图片_20160406
说明
该技巧的目的是提供一种机制为网页的视觉样式添加纯装饰性图片，而不需要在内容中添加额外的markup。这让辅助技术可以忽略非文本内讧。一些用户代理在用户请求下可以忽略或关闭ＣＳＳ样式，这样包含背景图片在内的CSS样式就会消失，却不干扰显示设置，比如大字体或者高对比度。
背景图片可以包含在CSS以下属性中：
background,
background-image,
content, combined with the :before and :after pseudo-elements,
list-style-image.
注：该技巧不适合哪些传递信息或者提供功能，或者任何其他用来创造特定感知经验的图片。
样例
样例1：HTML网页的背景图片
样例2：使用CSS中的背景图片做鼠标悬停的样式
样例3：使用CSS中的背景图片创建圆角tab
无障碍效果
各读屏、各浏览器的支持效果
测试人：
- 争渡、IE11：
- 永德、IE11：
- NVDA、IE11：
- 永德、chrome：
- NVDA、chrome：
- NVDA、Firefox：
- voiceover、chrmoe：
- voiceover、Safari：
