跳到主要內容

Firefox not support ALT attribute

Firefox 無法顯示圖片替代文字(ALT)


把 滑鼠指標移到網頁圖片上,會出現一個小方框的工具提示,這叫做圖片替代顯示。
語法為 alt。這個語法原本的作用是在圖片無法顯示時,用來取代圖片的文字,但卻越來越多人把它當成工具提示,文字和圖片毫無關係,這樣一來,當圖片無法顯示 時,替代的文字便不足以表達圖片的含意。
因此 Mozilla 的開發團隊便決定不支援 alt 屬性(只有圖片顯示不出來時顯示 alt),變相避免網頁作者的誤用。
不過如果真要在 Mozilla 系列瀏覽器要顯示工具的話,有另外一個屬性可以使用:「title」。

<img src="圖片" alt="替代文字" title="工具提示" />
    <img src="圖片" alt="替代文字" title="工具提示" /> 
    雖然 title 屬性不見得所有瀏覽器都支援,如有些會將其顯示在狀態列上,但使用 title 不論在 Firefox 或者 IE 上都可以正常顯示,相容性是比 alt 來的高,所以建議以後寫網頁時不妨再多增加一個 title 屬性試試!

    這個網誌中的熱門文章

    Oracle LISTAGG

    同事介紹的一個Oracle的好用查詢:LISTAGG
    SELECT A.GROUP_ID,A.KEY, LISTAGG(A.VALUE,'; ')WITHINGROUP(ORDERBYA.VALUE)as GG  fromSYS_PROPERTIESaGROUP byA.GROUP_ID,A.KEY
    LISTAGG可以將group後的結果會總顯示於一個欄位 上述SQL原本A.VALUE會是一個row一個row的排列 使用LISTAGG之後,可以將A.VALUE顯示在同一個row中 並且可以指定間隔符號(在此設定為';') 針對某一些報表查詢非常有用唷 :D

    使用 minikube 輕鬆上手 kubernetes

    安裝minikube
    macOS只需要透過brew即可快速安裝...
    brew cask install minikube
    Linux環境可以直接下載執行檔,放到環境變數可以吃到的路徑即可...
    curl -Lo minikube https://storage.googleapis.com/minikube/releases/latest/minikube-linux-amd64 && \ chmod +x minikube && \
    sudo mv minikube /usr/local/bin/
    Windows的下載網址如下: https://storage.googleapis.com/minikube/releases/latest/minikube-windows-amd64.exe
    如果您的kubectl尚未安裝,可以直接使用google cloud sdk來安裝:
    curl https://sdk.cloud.google.com | bash
    gcloud components install kubectl
    安裝完成後,原則上minikube會在本地端加入minikube的k8s context,我們可以透過下面指令來使用該context…
    kubectl config use-context minikube
    然後,可檢查一下您的minikube node是否正常運作....

    新一代LB - Traefik

    新一代LB-Traefik Traefik突破以往我們對loadbalancer的觀點,他是一套直接與docker整合的loadbalancer套件...透過Traefik,我們可以使用label的方式將後面啟動的dockerinstance掛載到loadbalancer中,且無需重新啟動Traefik,可直接生效... Traefik基本介紹 Traefik是以動態重載新加入的dockerinstance的方式來替有附加相同domainlabel的dockerinstance建立網路附載平衡的關聯...因此,設定上,與一般我們建立reverseproxy的過程剛好相反(一般我們會先建立服務,再建立reverseproxy將服務串連起來)... Step1-建立Traefik服務 下面我們用官方的composefile來說明... File:docker-compose.yaml version: '2' services: proxy: image: traefik command: --api --docker --docker.domain=docker.localhost --logLevel=DEBUG networks: - webgateway ports: - "80:80" - "8080:8080" volumes: - /var/run/docker.sock:/var/run/docker.sock - /dev/null:/traefik.toml networks: webgateway: driver: bridge 其中traefik啟動時候,我們需要指定docker.domain來告訴taefik要聆聽的domain是哪一個,然後要事先開啟對應的port,讓外部服務可以連到traefik...,另外,我們將dockersocket掛載進來,這是必要的設定,讓traefik可以透過dockersocket來操控一些東西...,最後,traefik.toml檔案,我們保留空的,讓treafik自己建立... 啟動: docker-compose -f docker…