定位元素以覆盖跨度

Question

使用example.

来表达问题的最佳方式

如果你看http://jsfiddle.net/r4BcB/1/，你可以看到我试图覆盖选择框而不是整个父母的父母（span1和span2）。

我有什么遗漏吗？

Answer 1

只需将position:relative添加到包装范围：http://jsfiddle.net/r4BcB/2/

Answer 2

您的封面范围应在您想要覆盖的SELECT之前定义，类似这样的内容：

<span>
    <span id="cover">Block the selects</span>
    <select><option>Select 1</option></select>
    <select><option>Select 2</option></select>
    <select><option>Select 3</option></select>
</span>