作者Wavis (Wade&Mavis)
看板Web_Design
標題[問題] 顯示在螢幕正中間
時間Tue Dec 20 13:44:43 2011
想要設置一個彈出式的表格,一開始將它display:none;
當它diplay:block;時,顯示在螢幕的正中央
以前用的寫法是在css上加入
position:absolute;
left:expression((body.clientWidth-500)/2);
top:expression((body.clientHeight-200)/2);
但這只有在IE上有作用,
想請問是否有適用於所有瀏覽器的寫法呢?
謝謝!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.120.49.163
推 KOIORI:如果你本體區塊寬高不固定,那就只能依靠js去處理。 12/20 17:08
推 mrbigmouth:expression其實也是js.... 12/20 17:43
推 hit1205:看起來是固定的,因為有個 -500 和 -200... XD 12/20 17:57
→ hit1205:這樣的話可以 left 和 top 都用 50%,再用負的 margin 12/20 17:58
→ hit1205:把區塊拉回正中央 (根據區塊大小決定) 12/20 17:58
推 tonest:可以試試看jquery ui的dialog 12/30 12:51
→ tonest:不太確定是否是你要的 12/30 12:51