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

Pure CSS Tooltip
https://forum.moztw.org/viewtopic.php?f=13&t=9796
1 頁 (共 1 頁)

發表人:  othree [ 2005-08-01, 01:34 ]
文章主題 :  Pure CSS Tooltip

無邊框版
有邊框版
請在input上點一下,Firefox only now !

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

發表人:  wini [ 2005-08-01, 16:34 ]
文章主題 : 

input type="text"
focus
before
after
input:hover:after { content: attr(title) ; }

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

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

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

發表人:  李某人 [ 2005-08-01, 19:02 ]
文章主題 : 

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

Absolute/relative/fixed positioning...

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

發表人:  othree [ 2005-08-02, 09:42 ]
文章主題 : 

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。

發表人:  othree [ 2005-08-02, 09:44 ]
文章主題 : 

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

Absolute/relative/fixed positioning...

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


只能調高度而已...orz

發表人:  wini [ 2005-08-02, 14:27 ]
文章主題 : 

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

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

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

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

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

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

1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/