好程式設計師分享該如何選擇background-image和img標籤

好程式設計師IT發表於2019-04-24

   好程式設計師 分享 該如何選擇 background-image img 標籤 img標籤

  如果你希望別人列印頁面時候包含這張圖片請使用 img標籤

  當這張圖片有非常有意義的語義,比如警告圖示,請使用 img標籤及它的alt屬性。這樣意味著你可以向所有的使用者終端現實他的意義。

 

IE6下背景圖片不能益出父級元素要使用

imgmultipleoverlayimagesinIE6.

 

  如果你使用動畫 img動畫要比background-image表現更好

improveperformanceofanimationsoverabackground

 

  什麼時候用 CSSbackground-image

 

  如果圖片不是內容的一部分使用 background-image

 

  如果使用圖片替換文字請使用 background-image

 

  如果你不希望別人列印頁面時候包含這張圖片請使用 background-image

 

  如果你想改善載入時間使用 CSSsprites

 

  如果你只想用一張圖片的一部分請使用 CSSsprites

 

  用 background-image以及background-size:cover拉伸填充整個視窗


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69913892/viewspace-2642415/,如需轉載,請註明出處,否則將追究法律責任。

相關文章