css相对定位+浮动实现元素位置互换

1.设置元素透明度

opacity:0.5; // w3c

filter:alpha(opacity=50); //IE

2 position:relative; float:left; 一起使用的效果

<div style="border:1px solid #ccc; height:30px; width:420px;">
<div class="sp1">左边。。。。</div>
<div class="sp2">右边。。。</div>
</div>

<div style="border:1px solid #ccc; height:30px; width:420px;">
<div class="sp1" style="left:200px;">左边。。。。</div>
<div class="sp2" style="right:200px;">右边。。。</div>
//这个地方，relative定位后元素还占据以前的位置，同时具有float属性，记住，是占据元素在普通文档流中的位置。
</div>

这样就实现了左右互换的布局！