要文字显示在图片上方（含文字在上层的情况，即不被图片遮挡），则文字需要脱离文档流，那么首先排除在图片上做文章的 A、B 两项。
再来看 C、D 两项，这两句都能使文字层脱离文档流，但 C 项的代码仅让文字层显示在了图片的“上层”，而 D 项不但让文字层显示在了“上层”，而且位于图片“上方”。
这道题其实不严谨，如果 #father 这层没有加相对或绝对定位的话，D 选项中的代码能让文字层跑出父容器，但不管跑哪里去，终归是显示在图片上方的，故 D 正确。
可以使用属性选择器，而不用类选择器，因为属性选择器要求严格匹配，因此"btn"和"btn btn-info"在类选择器中都能匹配到"btn"，但在属性选择器中却是不匹配的。比如这样即可只匹配到class="btn"的button，而不会匹配到class="btn btn-info"的：
button[class=btn]
通过题主的这个问题透漏出这是一个选择题，选择题就会有一些选项，div+css布局说起来是比较灵活，比较方便的。那么就用排除法，您觉得不太好，不太方便的选项很大概率就是错误的答案。
