本文介绍如何通过使用浮层技术使select元素不可选择，包括实现步骤和代码示例，缺点是需要明确知道select的位置。
利用浮层使select不可选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<span style="position:relative">
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div style="position:absolute;width:100%;height:100%;left:0px;top:0px;background:#fff;opacity:0;filter:alpha(opacity=0)"> </div>
<br />
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<span style="position:relative">
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div style="position:absolute;width:100%;height:100%;left:0px;top:0px;background:#fff;opacity:0;filter:alpha(opacity=0)"> </div>
<br />
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</span>
缺点：需明确的知道select的位置
转自：http://bbs.youkuaiyun.com/topics/390280833
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
