[問題] 超急問!! layer的問題
有個網頁效果類似這樣
http://www.ideers.bris.ac.uk/ 的首頁
就是滑鼠一上去圖案會變
我寫的是這樣
這邊是圖片 應該會比較容易懂@@ 還可以看到部份語法 希望足夠
http://cid-f09a839341970f55.skydrive.live.com/self.aspx/XD/why.JPG
<area shape="circle" coords="195,60,31" alt="撓曲裂縫"
onmouseover="MM_showHideLayers('Layer3','','show')"
onmouseout="MM_showHideLayers('Layer3','','hide')">
<area shape="circle" coords="289,95,29" alt="剪切裂縫"
onmouseover="MM_showHideLayers('Layer1','','show')"
onmouseout="MM_showHideLayers('Layer1','','hide')">
<area shape="circle" coords="81,97,30" alt="交叉裂縫"
onmouseover="MM_showHideLayers('Layer2','','show')"
onmouseout="MM_showHideLayers('Layer2','','hide')"></map>
左邊圖片地圖的設定
<div id="Layer2" style="position: absolute; left: 589px; top: 870px; width:
280px; height: 280px; z-index: 1; visibility: visible;"><img
src="material/column.jpg" onload="MM_showHideLayers('Layer3','','hide')"
height="280" width="280"></div>
<div id="Layer1" style="position: absolute; left: 589px; top: 870px; width:
280px; height: 280px; z-index: 1; visibility: visible;"><img
src="material/image010.jpg" onload="MM_showHideLayers('Layer1','','hide')"
height="280" width="280"></div>
<div id="Layer3" style="position: absolute; left: 588px; top: 870px; width:
280px; height: 280px; z-index: 1; visibility: visible;"><img
src="material/DSC00029.jpg" onload="MM_showHideLayers('Layer2','','hide')"
height="280" width="280"></div>
放了三張圖在同一個位置 右邊是其中一張圖
問題是圖片位置的固定有其他方法嗎??
用absolute會因為視窗大小改變然後圖片的相對
位置就變了 然後會擋到文字
有其他的參數可以設定嗎?
我希望這三張圖與隔壁的圖片地圖和文字相對位置可以固定
而不會隨著視窗大小而上下跳動
感謝<(_ _)>
這問題非常緊急@@
因為網站這兩天要上線了>_<
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.56.1.31
※ 編輯: jack750822 來自: 61.56.1.31 (08/21 16:08)
→
08/21 16:16, , 1F
08/21 16:16, 1F