CODE:

一般的checkbox<input type=checkbox >
<br/>
比較不同的checkbox<input type=checkbox style="position:absolute;clip: rect(5 16 16 5)">
<br/>
平面checkbox--&gt;<input type=checkbox style="position:absolute;clip: rect(6 15 15 6)">
<br/>
外凸checkbox--&gt;<input type=checkbox style="position:absolute;clip: rect(6 17 17 6)">
<br/>
一般的select
<div style="width:108px; height:19px; overflow: hidden; border: 1 solid black">
<div style="position:absolute; left:-2; top:-2; width:171px; height:50px; clip: rect(2 108 19 2)">
    <select name="select">
      <option selected>aaaaaaaaaaaa</option>
      <option>bbbbbbbbbbbb</option>
      <option>cccccccccccc</option>
      <option>dddddddddddd</option>
    </select>
  </div>
 </div>
<br/>
平面的select<select name="menu1" style="position:absolute;clip: rect(6 17 17 6)">
    <option>111111</option>
    <option>222222</option>
    <option>333333</option>
    <option>444444</option>
    </select>
<br/>
外凸的select<select name="menu1" style="position:absolute;clip: rect(2 50 30 2)">
    <option>111111</option>
    <option>222222</option>
    <option>333333</option>
    <option>444444</option>
  </select>
</br></br>


語法︰
 
clip : auto | rect ( number number number number )
 
參數︰
 
auto :  對象無剪下
rect ( number number number number ) :  依據上-右-下-左的順序提供自對象左上角為(0,0)坐標計算的四個偏移數值,其中任一數值都可用auto取代,即此邊不剪下
 
說明︰
 
檢索或設定對象的可視欄位。欄位外的部分是透明的。
必須將position的值設為absolute,此屬性方可使用。
自IE5開始,此屬性在MAC平臺上可用。
對應的腳本特性為clip。請參閱我編寫的其它書目。
創作者介紹
創作者 bgm 的頭像
bgm

bgm

bgm 發表在 痞客邦 留言(0) 人氣( 321 )