IE 11：後背景大小不工作

我添加了僞內背景圖像：IE 11：後背景大小不工作

::after { 
    content: ''; 
    display: block; 
    position: absolute; 
    right: -2.5rem; 
    bottom: -1.5rem; 

    height: 9.5rem; 
    width: 9.5rem; 
    background-image: url('../img/icons/icon_logo.svg'); 
    background-repeat: no-repeat; 
    // background-size: 100% auto; 
    background-size: cover; 
}

之後，但在圖像比箱子的實際尺寸更強壯。

任何想法如何解決這個問題？

（在WebKit瀏覽器做工精細）

!!!附加信息：

我嘗試過其他SVG和它的偉大工程。

作品：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"> 
    <path fill="#FF6C00" d="M0 0h64v64H0z"/> 
    <path fill="#FFF" d="M33 0C22 0 13 9 ..."/> 
</svg>

不起作用：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"> 
    <path fill="#FFF" d="M0 0h64v64H0z"/> 
    <defs> 
     <path id="a" d="M0 0h64v64H0z"/> 
    </defs> 
    <clipPath id="b"> 
     <use xlink:href="#a" overflow="visible"/> 
    </clipPath> 
    <path fill="#277052" d="M43.7 51.8s-...."/> 
    <defs> 
     <path id="c" d="M0 0h64v64H0z"/> 
    </defs> 
    <clipPath id="d"> 
     <use xlink:href="#c" overflow="visible"/> 
    </clipPath> 
    <path fill="#EE7203" d="M40.7 28.7c0 4.8-3..." clip-path="url(#d)"/> 
    <path fill="#1D1D1B" d="M43 10.9c.2.1.4 0..." clip-path="url(#d)"/> 
</svg>

來源

2016-06-28 Dinkheller

你能爲此提供小提琴嗎？ –

你對'html - > font-size'有什麼價值？ – Vucko

@MinalChauhan還沒有提琴 – Dinkheller

嘗試增加在顯示：塊的CSS。

來源

2016-06-28 07:28:46 rrd

仍然沒有變化 – Dinkheller

嘗試background-size：cover; – rrd

仍然沒有變化 – Dinkheller

我有類似的問題在IE中呈現CSS。我的解決方案：

確保你有一個<!DOCTYPE>聲明你的HTML之前
添加meta標籤<meta http-equiv="X-UA-Compatible" content="IE=edge" >（這可以確保您的代碼始終呈現最前沿或Internet Explorer的最新版本;否則，它可以從舊版本渲染，事情變得非常混亂。）

我希望有所幫助。

來源

2016-06-28 08:40:14 Saw

閱讀本link

Adobe Illustrator中給我四個選項，以節省圖形爲SVG文件時聲明樣式表屬性

表達屬性

樣式屬性

風格屬性（En tity參考）

樣式元素

使用前三個途徑樣式屬性，但嵌入樣式表爲SVG內容沒有問題的一個元素中造成的問題！

來源

2016-06-28 08:52:17 Dinkheller

IE 11：後背景大小不工作

回答

相關問題