MozTW 討論區
https://forum.moztw.org/

[求助][已答問] 絕對定位 [Fixed positioning (not abs positioning)]
https://forum.moztw.org/viewtopic.php?f=13&t=6400		 第 1 頁 (共 1 頁)
發表人:  Sheng [ 2005-02-06, 23:36 ]
文章主題 :  [求助][已答問] 絕對定位 [Fixed positioning (not abs positioning)]
我用Frontpage偷懶的創造了一個圖層
但是發現絕對定位的語法好像遇到firefox又是失靈的了？
如下

<div style="border-style:solid; border-width:1px; position: absolute;......

請問該怎麼改呢，我在google也找不到答案
發表人:  BobChao [ 2005-02-07, 02:12 ]
文章主題 : 
你可以把「所有」相關的 CSS 都秀一下嗎？有可能是什麼部分覆蓋啊 還是什麼地方漏了 或是什麼地方解釋不同, etc.

還有或許也可以說明一下「失靈」是什麼意思

（我在 Top15 名單那一頁用了很多絕對定位似乎是都 ok）
發表人:  Sheng [ 2005-02-07, 08:06 ]
文章主題 : 
Lke this :)

<div style="border-style:solid; border-width:1px; position: absolute; width: 100px; z-index: 1; left: 14px; top: 12px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" id="layer1" align="left">
<font face="Arial Black" size="2"><a target="1" href="index1.htm">
<font color="#C0C0C0">HOME</font></a><font color="#C0C0C0"><br>
<a target="1" href="Profile.htm"><font color="#C0C0C0">PROFILE</font></a><br>
<a target="1" href="Download.htm"><font color="#C0C0C0">DOWNLOAD</font></a><br>
<a target="1" href="Album.htm"><font color="#C0C0C0">PHOTOALBUM</font></a><br>
<a target="1" href="http://bbs3.sekkaku.net/bbs/Kamiya.html">
<font color="#C0C0C0">
<a target="1" href="http://bbs3.sekkaku.net/bbs/Kamiya.html">
<font color="#C0C0C0">GUESTBOOK</font></a></font></a><br>
<a href="mailto:Kamiya@spymac.com"><font color="#C0C0C0">MAILBOX</font></a><br>
<a target="1" href="Link.htm"><font color="#C0C0C0">LINK</font></a></font></a></font></font></div>
發表人:  othree [ 2005-02-07, 10:19 ]
文章主題 : 
我看起來沒問題啊，不知道你的問題是什麽，我順便整理了一下你的code：
代碼:
<div style="border:1px solid; position: absolute; width: 100px; z-index: 1; left: 14px; top: 12px; padding:1px 4px; font: bold 80% Arial;" id="layer1" align="left">
<a target="1" href="index1.htm" style="color: #C0C0C0;">HOME</a><br>
<a target="1" href="Profile.htm" style="color: #C0C0C0;">PROFILE</a><br>
<a target="1" href="Download.htm" style="color: #C0C0C0;">DOWNLOAD</a><br>
<a target="1" href="Album.htm" style="color: #C0C0C0;">PHOTOALBUM</a><br>
<a target="1" href="http://bbs3.sekkaku.net/bbs/Kamiya.html" style="color: #C0C0C0;">GUESTBOOK</a><br>
<a href="mailto:Kamiya@spymac.com" style="color: #C0C0C0;">MAILBOX</a><br>
<a target="1" href="Link.htm" style="color: #C0C0C0;">LINK</a>
</div>
發表人:  Sheng [ 2005-02-07, 11:28 ]
文章主題 : 
還是說我誤解絕對定位的意思了
因為我是希望該圖層不要隨著捲軸移動而消失
而是固定在畫面的某個位置（就像我們常看到的討厭廣告一樣）
發表人:  訪客 [ 2005-02-07, 11:35 ]
文章主題 : 
所以你要看CSS規格書了。
你要的是position: fixed;，相對viewport而言固定位置。
而不是position: absolute;，相對整個文件固定位置。
但IE支援position: fixed;嗎? No. 專打做IE網站的Frontpage就更不會提供囉。
發表人:  Alica [ 2005-02-07, 11:54 ]
文章主題 : 
Anonymous 寫:
所以你要看CSS規格書了。
你要的是position: fixed;，相對viewport而言固定位置。
而不是position: absolute;，相對整個文件固定位置。
但IE支援position: fixed;嗎? No. 專打做IE網站的Frontpage就更不會提供囉。

看過一種白爛法可以讓IE也達到position: fixed的效果，好像是把<body>先設為noscroll，然後把正文部份全部丟到一個可以scroll的<div>裡面去。這樣的話只要把想固定住的東西用position: absolute寫在<body>裡面（當然不能寫在會捲動的<div>裡面），就會有固定效果了。

不過，這麼麻煩幹什麼呢？IE直接支援position: fixed不就好了嗎？ :roll:
發表人:  jiancheng [ 2005-02-07, 21:07 ]
文章主題 : 
Alica 寫:
Anonymous 寫:
所以你要看CSS規格書了。
你要的是position: fixed;，相對viewport而言固定位置。
而不是position: absolute;，相對整個文件固定位置。
但IE支援position: fixed;嗎? No. 專打做IE網站的Frontpage就更不會提供囉。

看過一種白爛法可以讓IE也達到position: fixed的效果，好像是把<body>先設為noscroll，然後把正文部份全部丟到一個可以scroll的<div>裡面去。這樣的話只要把想固定住的東西用position: absolute寫在<body>裡面（當然不能寫在會捲動的<div>裡面），就會有固定效果了。

不過，這麼麻煩幹什麼呢？IE直接支援position: fixed不就好了嗎？ :roll:


IE不支援的東西或者是不遵守W3C的東西多著
發表人:  Seiken [ 2005-02-26, 15:30 ]
文章主題 : 
可以試試看 background-attachment : fixed 這個語法
這是W3C規範內的語法，IE和Firefox也都支援

IE確實有待改進的地方很多
不過也還沒有那麼糟糕啦
發表人:  風痕影 [ 2005-02-26, 20:52 ]
文章主題 : 
Seiken 寫:
可以試試看 background-attachment : fixed 這個語法
這是W3C規範內的語法，IE和Firefox也都支援

IE確實有待改進的地方很多
不過也還沒有那麼糟糕啦

不太一樣唷，這個是固定背景用的
就是那種，無論捲軸怎麼捲動，背景都不會移動
發表人:  Seiken [ 2005-02-26, 21:00 ]
文章主題 : 
風痕影 寫:
不太一樣唷，這個是固定背景用的
就是那種，無論捲軸怎麼捲動，背景都不會移動

噢噢，這麼說來是我沒有看清楚
確實IE要做這個好像確實是比較麻煩的樣子
所以一般比較常看到用Javascript來達成
發表人:  Carousel [ 2005-03-04, 12:55 ]
文章主題 : 
Sheng 寫:
還是說我誤解絕對定位的意思了
因為我是希望該圖層不要隨著捲軸移動而消失
而是固定在畫面的某個位置（就像我們常看到的討厭廣告一樣）


你是指, 某個圖層不管畫面怎麼捲, 都保持在固定位置是吧?
如果是的話, 請教古狗大帝, 關鍵字 浮水印,javascript
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/