SVG作為CSS背景
[英]SVG as a CSS background
問題描述
我一直試圖讓一個簡單的SVG矩形在IE9或FF4中作為背景工作，但它們都不適用於我。 這是我的代碼：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div style="height:99px;background-image: url('bar.svg')"></div>
<iframe src="bar.svg" height="99px"></iframe>
</body>
</html>
iframe顯示圖形，但div不顯示。 我可能會出錯的任何想法？
我在這里找到了一個有效的例子：但我不能讓它自己工作:(這讓我發瘋了。
謝謝你的幫助。
4 個解決方案
解決方案1
8 已采納 2011-03-23 20:15:22
謝謝大家的幫助。 它實際上是一個Web服務器問題，其中提供了錯誤的SVG MIME類型，並且導致瀏覽器無法正確呈現。
這是為我修復它的原因。
第一，我從VS 2010的內置Web服務器切換到IIS Express。 然后在我的網絡配置中我添加了：
<system.webServer>
<staticContent>
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
</staticContent>
</system.webServer>
現在一切正常。
解決方案2
3 2012-06-04 06:55:59
我在Joomla遇到了同樣的問題！ 2.5在Godaddy Linux服務器上運行。
經過深入研究，我是如何解決這個問題的：
轉到Joomla安裝的根目錄並找到.htaccess文件（如果尚未設置，則找到htaccess.txt ）
現在將這些行添加到文件中：
AddType image/svg+xml svg
AddType image/svg+xml svgz
休息，使用標准的CSS和HTML屬性來呈現SVG文件。
解決方案3
1 2011-03-23 18:37:56
解決方案4
0 2011-03-23 18:53:22
CSS 網格與 SVG 背景
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.