MozTW 討論區 https://forum.moztw.org/ |
|
關於火狐狸的網頁透明度和圖片固定 https://forum.moztw.org/viewtopic.php?f=2&t=2592 |
第 1 頁 (共 1 頁) |
發表人: | orca [ 2004-06-19, 21:12 ] |
文章主題 : | 關於火狐狸的網頁透明度和圖片固定 |
很早就想問了 最近迷上火狐狸所以就順道過來問 1.為什麼火狐狸有些網頁沒辦法顯示透明的設定和一些JavaScript按鈕啊? 這些問題能被克服嗎? a.我所指的透明度設定是html中 <TD height=174 style='filter: Alpha(opacity=69)' > 這樣的標籤 例如我的這個網頁 http://www.freewebs.com/s8726319/mine.html 我的火狐狸看不到ie可以看到的透明度 b.在上面那個網頁, 火狐狸也同樣沒辦法顯示JavaScript設定的按鈕效果 <SCRIPT LANGUAGE="JavaScript"> <!-- folder.onclick = CF function CF() { var targetId, srcElement, targetElement srcElement = window.event.srcElement if (srcElement.className == "F") { targetId = srcElement.id + "d" targetElement = document.all(targetId) if (targetElement.style.display == "none") { targetElement.style.display = "" } else { targetElement.style.display = "none" } } } --> </SCRIPT> <script> 2.火狐狸顯示的圖片配置和原先編寫的css有所不同, 請問我該如何修正或避免這個問題, 我是用麥諾地部落格 (當然當站了是不爭的事實) 這是我的備份網頁 http://www.taconet.com.tw/orcinus/minority/1.htm (也就是說s 我在他還沒完全當掉之前 用ie直接存完整網頁檔) ie看和火狐狸看圖檔位置完全不一樣: a.標題(飛天's Minority Blog)那列的背景圖檔位置 我是用以下語法設在右邊 引言回覆: .top_bg {
BACKGROUND-POSITION: 80% bottom; BACKGROUND-ATTACHMENT: fixed; FILTER: Alpha(); BACKGROUND-IMAGE: url(http://home.pchome.com.tw/science/s8726 ... oo44rs.gif); BACKGROUND-REPEAT: no-repeat } 可是火狐狸中則會完全沒看到這個效果 b.文章欄那格背景圖 我是用以下語法設在每一格的右下方邊處 BACKGROUND: url(http://home.pchome.com.tw/science/s8726 ... mg/rrr.gif) fixed no-repeat right bottom; ie看到的就是圖檔會固定在文章每一欄的右下方邊處, 可是火狐狸看到的是: 圖檔出現在右下方處沒錯, 可是卻是卻是固定在所有格子的右下方處, 造成簍空的笑果, 類似 ![]() 這樣的慘劇. 謝謝你的耐心^^ 我蠻喜歡火狐狸的.... |
發表人: | danielwang [ 2004-06-19, 22:35 ] |
文章主題 : | |
好長 的 文章 ... 關於 網頁設計 的 特定 問題 請 到 「問題網頁與技術傳教(Tech Evangelism)討論區」 引言回覆: 1.為什麼 火狐 狸 有些 網頁 沒辦法 顯示 透明的 設定 和 一些 JavaScript 按鈕 啊? 這些 問題 能 被 克服 嗎? 因此 這些 網頁 的 設計人 用 MSIE 專有 (而 非 最新 的 資訊網 標準) 的 技術 引言回覆: <TD height=174 style='filter: Alpha(opacity=69)' > 目前 資訊網 標準 還沒有 透明度 的 CSS 特性 (W3C 的 CSS3 規格書 有 但 尚未 正式推出)。在 Mozilla 1.0 ~ 1.6 上 你 可以 暫用 -moz-opacity 特性, Mozilla 1.7 上 你 可以 用 新的 opacity 特性。注意 -moz-opacity 不 遵守 CSS3 規格書,所以 和 opacity 的 行為 有 出入。關於 這些 特性 的 用法 請 找 Google。 引言回覆: srcElement = window.event.srcElement Mozilla 和 MSIE 的 事件 實作 有些 不同。試試 W3C DOM 標準 的 addEventListener 等 method,可能會 有 多 一些 compatibility 吧。 引言回覆: targetElement = document.all(targetId) document.all 是 MSIE 專有。用 標準 的 document.getElementById (btw, 有沒有 人 發現 document.some() 在 MSIE 裡 不能 用?) 引言回覆: 2.火狐狸 顯示 的 圖片 配置 和 原先 編寫 的 css 有所 不同,
原因 很多。Firefox (and Mozilla) 遵守 CSS 標準,所以 說 「和 原先 編寫 的 css 有所 不同」蠻 怪 的,應該 是 「遵守 原先 編寫 的 css,只是 作者 有些 mistakes」 吧。 btw, Firefox = 小貓熊 |
發表人: | 訪客 [ 2004-06-19, 22:36 ] |
文章主題 : | Re: 關於火狐狸的網頁透明度和圖片固定 |
因為這些東西都是 ie ONLY!! 到 www.w3.org 上看看 css 的規格書吧! 如果您要 mozilla 上也有透明效果,就用 opacity: xxx; 這個語法。 標題(飛天's Minority Blog)那列的背景圖檔位置 : 就我所知,如果 style 中出現在非正確的語法,mozilla 就會略過整個 style (或是錯誤處之後的?)。FILTER: Alpha() 這東東 mozilla 不認識,所以整個背景圖就不顯示了。 ie 對於 background-attachment 的解讀是錯誤的,所以在 mozilla 上看到的會和在 ie 上看到的很不一樣。 |
發表人: | orca [ 2004-06-20, 00:22 ] |
文章主題 : | |
原來如此啊^^ 謝謝大家的指教^^ 那我下次css在火狐狸裡改好了 ^^ 免得在其他瀏覽器裡看起來一塌糊塗 再次感謝!! |
第 1 頁 (共 1 頁) | 所有顯示的時間為 UTC + 8 小時 |
Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |