将单独的div放在一起的正确方法是什么？

Question

我正试图改变这个：

http://jsfiddle.net/pljehyun/jqUg3/

进入这个：

（这个问题主要关注的是div的定位）

到目前为止，我已经将各个元素放下并遇到了一些问题：

对类似问题的回答者说，我需要绝对定位悬停的div，但我也计划改变“外部”的不透明度。 DIV。如果我嵌套div，这将导致表单的输入字段变为半透明，因为它是孩子。

我应该如何分隔两个单独的div？

Answer 1

请参阅此更新的jsfiddle，我将编辑我的答案，以便稍后提交代码

Answer 2

您是否必须坚持使用HTML或者可以更改它？

你应该def。确保至少使用正确的HTML（请参阅永不关闭的span标记。）

我不确定这是否是您尝试实现的目标，但它似乎是一种更简单的方法来获得看起来像您的图片的结果：

http://jsfiddle.net/jqUg3/6/

编辑：还添加了一个样式+/-样式的示例：

http://jsfiddle.net/jqUg3/8/