在網站制作過程中,CSS的兼容性問題常常會讓開發人員頭疼不已。以下列舉幾種常見的CSS兼容性問題及應對方法。
<!-- IE6-8下無法兼容漸變背景 --> background: -ms-linear-gradient(top, #000000, #ffffff); background: -moz-linear-gradient(top, #000000, #ffffff); background: -webkit-linear-gradient(top, #000000, #ffffff); background: linear-gradient(top, #000000, #ffffff); <!-- 超鏈接樣式在IE6下無法兼容 --> a { color: #333333; text-decoration: none; } a:hover { color: #ffffff; background-color: #333333; text-decoration: none; cursor: pointer; } <!-- IE6-7下無法兼容透明度 --> opacity: 0.8; filter: alpha(opacity=80); <!-- IE下無法兼容position: fixed --> position: fixed; position: absolute; bottom: 0; right: 0; <!-- IE6下無法兼容PNG透明 --> _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/transparent.png'); <!-- IE6下無法兼容inline-block --> display: inline-block; display: inline; zoom: 1;
以上是一些常見的CSS兼容性問題及其應對方法,在實踐中還會遇到其它的問題,需要開發人員及時尋找解決方案,確保網站在各種瀏覽器下能正常顯示。