簡體   English   中英

CSS3 IE9背景大小:封面; 並不總是有效

[英]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 ModeDocument ModeIE 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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM