MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-06-26, 08:35

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 4 篇文章 ] 
發表人 內容
文章發表於 : 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看到的就是圖檔會固定在文章每一欄的右下方邊處,
可是火狐狸看到的是:
圖檔出現在右下方處沒錯,
可是卻是卻是固定在所有格子的右下方處,
造成簍空的笑果,
類似圖檔
這樣的慘劇.

謝謝你的耐心^^
我蠻喜歡火狐狸的....


回頂端
  
引用回覆  
 文章主題 :
文章發表於 : 2004-06-19, 22:35 
離線
[MozTW 版主群]
頭像

註冊時間: 2003-09-15, 03:47
文章: 1016
來自: Taiwan
好長 的 文章 ...

關於 網頁設計 的 特定 問題 請 到 「問題網頁與技術傳教(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 
因為這些東西都是 ie ONLY!!

www.w3.org 上看看 css 的規格書吧!

如果您要 mozilla 上也有透明效果,就用 opacity: xxx; 這個語法。

標題(飛天's Minority Blog)那列的背景圖檔位置 : 就我所知,如果 style 中出現在非正確的語法,mozilla 就會略過整個 style (或是錯誤處之後的?)。FILTER: Alpha() 這東東 mozilla 不認識,所以整個背景圖就不顯示了。

ie 對於 background-attachment 的解讀是錯誤的,所以在 mozilla 上看到的會和在 ie 上看到的很不一樣。


回頂端
  
引用回覆  
 文章主題 :
文章發表於 : 2004-06-20, 00:22 
離線

註冊時間: 2004-06-19, 21:16
文章: 10
來自: 台北@台灣
原來如此啊^^
謝謝大家的指教^^

那我下次css在火狐狸裡改好了
^^
免得在其他瀏覽器裡看起來一塌糊塗

再次感謝!!


回頂端
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 4 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 33 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群