MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-08-23, 07:04

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





發表新文章 回覆主題  [ 6 篇文章 ] 
發表人 內容
 文章主題 : Pure CSS Tooltip
文章發表於 : 2005-08-01, 01:34 
離線

註冊時間: 2004-11-04, 01:12
文章: 93
無邊框版
有邊框版
請在input上點一下,Firefox only now !

這是這陣子弄出來的東西中較不複雜的,而且我覺得蠻實用的,不過還是只有Firefox only,別的瀏覽器都還不支援:focus。詳細說明要等後天吧,今天學校停電,機器斷電中,明天應該沒空寫。並且還在思考用圖片做圓角的方法(現在是有半徑1px的圓角效果啦XD)。


最後由 othree 於 2005-08-02, 14:37 編輯,總共編輯了 2 次。

回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2005-08-01, 16:34 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
input type="text"
focus
before
after
input:hover:after { content: attr(title) ; }

老實說你做的那個 focus ,
也只能作用在特定的幾個元素 element 而已,
我現在比較想解決的是,
要如何讓
(element) { content: attr(title) ; }
顯示在該頁面各元素的右上方,(用 float ?)
或是 fixed 在瀏覽器內容的某處。
能解決掉的話,就可以不必把 HTML 改得亂七八糟的了。

當然了,不能完整支援 CSS 2 的瀏覽器是看不見的,
請適當地使用,別過度依賴。

不過如果有人能讓 focus 作用在任一元素的話,
那對純鍵盤瀏覽者來說也是一大利多。


回頂端
Mozilla/5.0 (Windows; U; Win98; zh-TW; rv:1.7.10) Gecko/20050717 Firefox/1.0.6
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2005-08-01, 19:02 
離線

註冊時間: 2005-01-16, 13:34
文章: 131
wini 寫:
要如何讓
(element) { content: attr(title) ; }
顯示在該頁面各元素的右上方,(用 float ?)
或是 fixed 在瀏覽器內容的某處。
能解決掉的話,就可以不必把 HTML 改得亂七八糟的了。

Absolute/relative/fixed positioning...

不過要提醒的是 Fx 到現在還沒支援 generated content positioning, 要測試的話可以用 opera...

_________________
Notes redesigned.
--
Opera 9.5 just tastes good. ;-)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2005-08-02, 09:42 
離線

註冊時間: 2004-11-04, 01:12
文章: 93
wini 寫:
input type="text"
focus
before
after
input:hover:after { content: attr(title) ; }

老實說你做的那個 focus ,
也只能作用在特定的幾個元素 element 而已,
我現在比較想解決的是,
要如何讓
(element) { content: attr(title) ; }
顯示在該頁面各元素的右上方,(用 float ?)
或是 fixed 在瀏覽器內容的某處。
能解決掉的話,就可以不必把 HTML 改得亂七八糟的了。

當然了,不能完整支援 CSS 2 的瀏覽器是看不見的,
請適當地使用,別過度依賴。

不過如果有人能讓 focus 作用在任一元素的話,
那對純鍵盤瀏覽者來說也是一大利多。


其實也可以用:hover等等的擬類別,但是還有一些問題未解決,如果想要告廣泛的使用,那我反而推薦用nicetitles,我現在這個比較適合用在較固定的物件上。

其實我覺得我的HTML部分不會亂七八糟啊XD。


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2005-08-02, 09:44 
離線

註冊時間: 2004-11-04, 01:12
文章: 93
李某人 寫:
wini 寫:
要如何讓
(element) { content: attr(title) ; }
顯示在該頁面各元素的右上方,(用 float ?)
或是 fixed 在瀏覽器內容的某處。
能解決掉的話,就可以不必把 HTML 改得亂七八糟的了。

Absolute/relative/fixed positioning...

不過要提醒的是 Fx 到現在還沒支援 generated content positioning, 要測試的話可以用 opera...


只能調高度而已...orz


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2005-08-02, 14:27 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
othree 寫:
其實也可以用:hover等等的擬類別,但是還有一些問題未解決,如果想要告廣泛的使用,那我反而推薦用nicetitles,我現在這個比較適合用在較固定的物件上。

其實我覺得我的HTML部分不會亂七八糟啊XD。

我說的亂七八糟是指關了 CSS 後,
會多出一堆意義不明的奇怪的資訊來那種感覺 XD

我個人是傾向把可以寫在 title 屬性中的東西,
就寫在 title 別再拿出來了,
比如說 acronym 跟 abbr 這類的元素,
我寫了代表其全名或縮寫的字進 title 後,
就懶得再加寫了。(汗

一般的純文字瀏覽器,
以後似乎也是能讀 title 內容的樣子,
不太常用不太清楚就是了。

另外你提供的站台目前不能看。 Q_Q


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; ja-JP; rv:1.7.10) Gecko/20050717 Firefox/1.0.6
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 6 篇文章 ] 

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


誰在線上

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


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

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