2009-09-04 50 views
0

我希望能夠創建類似帶有動態文本和圖形背景的按鈕的鏈接,這些按鈕也必須改變它們在鼠標懸停/鼠標下方的外觀和時對應於按鈕子頁被當前打開AME如鼠標按下)如何解決用網頁動態文本創建圖形按鈕的問題

我想避免使用 - Java腳本/ jquery的 - 服務器端產生的圖像 - 閃光

尹恩惠第一選擇是CSS,技術稱爲滑動門。 Everyting很棒,直到我在非Windows機器上測試我的網站。而且似乎有不同平臺呈現相同字體的標誌。我懷疑這個問題與渲染不同的系統字體或可能對MAC somethuiing elese,反正(並可能在運行Linux的計算機)的方式連接,它看起來像這樣

http://img196.imageshack.us/img196/3598/45257410.png

在Windows上看起來略有不同並以某種方式惡化

http://img168.imageshack.us/img168/3590/41024479.png

如果能夠得到同樣的效果呢?

我還有其他什麼選擇?

我認爲使用CSS精靈,只有操縱按鈕鏈接大小和背景的位置,但這個包括在特定的語言與所有三個states.Is所有按鈕創建一個廣泛的形象,辦法是efficent?有沒有嚴重的方向不使用這種方式創建按鈕?

在此先感謝您的任何建議 MTH

+1

沒有太多,你可以做,如果系統的字體看起來不好。你真正能做的唯一事情就是像你說的那樣跟一個大精靈一起去。 – Zoidberg

回答

2

字體是依賴於機器。除了基本的,你不能依賴於你想要的字體的機器。你需要有3-4個大致相同的字體,你可以在你的CSS中列出任何給定的字體。列出他們最喜歡的至少(從左到右)爲您的字體家族。機器還會顯示一些常見的字體,稍有不同。

另外請記住,雖然您經常會在IE和Firefox中並排拉起您的站點,但在Mac和Linux上,您的用戶幾乎從不會這樣做。它不需要在所有瀏覽器中看到相同的,它只需要在所有瀏覽器中都很好看。

你基本上要求豐富的功能沒有任何的豐富功能平臺(JavaScript的,Flash等)

我知道這並不能回答你的問題,我試圖加強它回位。沒有任何上述平臺的圖像滾動是困難的,但可能的。但它可能需要你放棄在所有的瀏覽器完全相同的網站,只是爲了「好」

+0

我知道系統差異,但我希望有可能以某種方式跳過它,仍然使用文本和滑動門技術 – MoreThanChaos

+1

這裏有兩個單獨的問題。 「我能用滑門創建按鈕切換效果嗎?」和「我可以讓所有瀏覽器的字體看起來統一嗎?」第一個答案是肯定的,第二個答案是否定答案。因此,「我可以同時做兩件事」的答案是不幸的「不」。 –