[英]CSS3 IE9 background-size: cover; doesn't always work
這是殺了我,我有一個背景圖片,使用背景大小全屏:cover;。 據我所知,IE9支持這一點。 什么殺死我是一些IE9瀏覽器正在處理這個和一些IE9瀏覽器不是。
以前有人經歷過嗎?
我有同樣的問題,我在<head />
使用此聲明修復它:
<meta http-equiv="X-UA-Compatible" content="IE=7; IE=8; IE=9">
。
一些IE9瀏覽器正在處理這個,而一些IE9瀏覽器則沒有。
請確保您的Browser Mode
和Document Mode
是IE 9
。 使用F12開發人員工具。
我知道它的舊,但我今天遇到了這個問題,它也殺了我..但我找到了一個解決方案:
檢查你的第一行是否有<!DOCTYPE html>
標簽,如果你忘了它可以讓你的css3在IE9上看起來很糟糕。
謝謝!
那工作!!!
將<!DOCTYPE html>
作為第一行解決了IE 9問題(在使用Chrome和IE 10之前正常工作)。 您可以在我的頁面http://www.cgmdesign.net上看到以下代碼的結果(背景照片是我的)。
<style>
body {
background: url('images/golf3.jpg');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center bottom;
}
</style>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.