作者toshii (芬達)
看板Web_Design
標題[問題] 請問CSS的position
時間Tue Nov 20 16:41:26 2012
CSS使用position:absolute;時
解析度變更時圖案的位置就跑掉了
http://www.blueshop.com.tw/board/FUM20041006152933K2V/BRD20090922114642YRE.html
我在以上的網站找到一個解決的方法
<div style="position:relative;width:1024px">
他是不管在什麼解析度都設定一個1024寬度的div
把目標包起來吧, 就可以保持住位置了
請問這是一個常用的解法嗎?
其實我很想用position:relative;來定位置
但是我使用上會破壞我已畫好的table
<td><img src=pic1.gif>
<span sytle="display:none"><img src=pic2.gif></span>
</td>
我把span放在td裡的話,當按了pic1跑出pic2時,<td>就被撐開了
因為pic2一開始還是hidden的
我有用z-index:auto,所以在A圖旁出現B圖, 覆蓋掉鄰近的格子沒關係
但原本的格子就是會變大
所以我只好把<span><img src=pic2.gif></span>寫在table之外
用absolute去定圖的位置
--
看不見太陽那就賞月吧
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.39.164.202
※ 編輯: toshii 來自: 114.39.164.202 (11/20 16:42)
→ minejel:你該學的是把用table排版的習慣改掉 11/20 20:53
→ toshii:不用table的話該如何畫表格? 11/20 21:13
推 leizzzz:就...不要畫表格排版啊XD 11/20 21:50
→ toshii:原來如此,特殊情況只好捨棄用table了 11/20 23:52
→ opoepev:不是特殊情形喔~是目前html用css排比較能適應所有瀏覽器~ 11/21 00:05
→ opoepev:現在接到美編丟有table排版的檔過來~都會被我退件XDDD 11/21 00:05
→ arrack:我想樓上的所有應該不包含IE6...XD 11/21 01:53
→ toshii:原來時代已經改變了呀..@@ 11/21 12:46
→ opoepev:IE6...不是已經無視了嗎?(但我還是會處理ie6的hack就是~) 11/21 15:46
推 EROS4:IE7也可以無視了..要感謝facebook 11/21 15:59