每月彙整:一月 2014

解決IE瀏覽器相容性

使用X-UA-Compatible設置IE兼容模式,僅對IE8+有效 告訴瀏覽器以什麼版本的IE的相容模式來顯示網頁 <head> <meta http-equiv="X-UA-Compatible" content="IE=5″ >或 <meta http-equiv="X-UA-Compatible" content="IE=7″ >或 <meta http-equiv="X-UA-Compatible" content="IE=8″ > </head> 什麼版本IE 就用什麼版本的標準模式: <meta http-equiv="X-UA-Compatible" content="IE=edge">  

發表於 未分類 | 發表迴響

解決瀏覽器cache問題

網站改版後,大多數的瀏覽器會有cache的問題,導致畫面沒有更新 解決的方法:在圖片或CSS的路徑後面加上 ?與日期,讓瀏覽器重新再下載更新網頁資訊 譬如: <link rel="stylesheet" type="text/css" href="style.css?20140101″ />

發表於 未分類 | 發表迴響

使用CSS背景來呈現浮水印效果

<img src="浮水印.png" style="background-image:url(圖片.jpg);background-size:contain;" /> 浮水印.png 需要是透明底的圖片 background-size 用來設定元素背景圖片的大小 contain 使背景圖在尺寸大於內容元素的情況下,得以完整呈現。

發表於 CSS | 發表迴響