Internet explorer IE9 SVG显示问题

我一直在网上寻找很多关于IE和SVG的信息，但没有太多成功。我想使用标签类型

加载svg格式的地图，因为我不想使用Adobe的插件。原因是使用Adobe插件时，样式表在我的对象（包含外部SVG）上不起作用。但是，如果我将地图放在这个标记中，它会显示在上下文菜单的上方，并带有不透明的白色背景。我已经测试了带有“wmode=transparent”的

标记，该标记在Adobe SVG查看器中运行良好（但CSS不起作用）

我能做什么？有什么想法吗

Chrome做得很好：

但是我。。。 提前谢谢

CSS：

path:hover {
    cursor: pointer;
    opacity: 0.3;
}

在HTML中：

<div id="panelmapa" style="position: absolute; z-index: 1; width: 100%; height:100%">
        <object style="position:absolute; height:100%; width:100%; margin-top:75px; 
                margin-bottom:100px; margin-right:50px; margin-left:30px;"
                id="mapasvg" data="<%= path %>/map.svg" name="MapaSVG"
                type="image/svg+xml">
        </object>-->
</div>

-->

最后是svg（我用Inkscape创建）：

image/svg+xml
...

---

据我所知，你问了三个问题

为什么IE9中的地图背景是白色的

为什么自定义下拉菜单不在地图顶部渲染

为什么object/iframe与html文档中的某些元素重叠

一些建议：

• 尝试不使用地图上的过滤器
• 试着制作一个最小的测试用例，您是否检查了要放置在对象/iframe顶部的元素的位置和z索引
• 尝试向对象/iframe添加边框，以便查看其位置以及是否与贴图相同
• 尝试在object/iframe元素上设置background:red和background:transparent，也许IE9中默认的背景颜色是白色
• 尝试一个好的javascript/DOM调试器，并在更多浏览器中进行测试

---

据我所知，你问了三个问题
• 为什么IE9中的地图背景是白色的
• 为什么自定义下拉菜单不在地图顶部渲染
• 为什么object/iframe与html文档中的某些元素重叠
一些建议：
• 尝试不使用地图上的过滤器
• 试着制作一个最小的测试用例，您是否检查了要放置在对象/iframe顶部的元素的位置和z索引
• 尝试向对象/iframe添加边框，以便查看其位置以及是否与贴图相同
• 尝试在object/iframe元素上设置background:red和background:transparent，也许IE9中默认的背景颜色是白色
• 尝试一个好的javascript/DOM调试器，并在更多浏览器中进行测试

---

我无法发布网站的完整视图，但我已经拍摄了一些截图，我认为这些截图可以说明问题。我要修改帖子或者找一个网站上传图片。1秒heheDone:）。谢谢你的关注。问题是我不知道如何使背景透明。下拉菜单是在svg文件中还是在父html文档中？看起来地图背景有一个过滤器，IE9不支持。需要更多关于html文档结构的详细信息+至少是svg根+元素/CSS样式，这是地图背景。下拉菜单是用javascript制作的，但在svg之外。你所看到的是在一个iframe中。我将修改帖子，以便您可以检查svg和根目录中的标题。似乎我无法发布更多文本，因此我可以告诉您，您是对的，有一个过滤器可以管理地图周围的阴影。我无法发布网站的完整视图，但我已经拍摄了一些截图，我认为这些截图可以澄清问题。我要修改帖子或者找一个网站上传图片。1秒heheDone:）。谢谢你的关注。问题是我不知道如何使背景透明。下拉菜单是在svg文件中还是在父html文档中？看起来地图背景有一个过滤器，IE9不支持。需要更多关于html文档结构的详细信息+至少是svg根+元素/CSS样式，这是地图背景。下拉菜单是用javascript制作的，但在svg之外。你所看到的是在一个iframe中。我将修改帖子，以便您可以检查svg和根目录中的标题。似乎我无法发布更多文本，因此我可以告诉您，您是对的，有一个过滤器可以管理地图周围的阴影。感谢您的回复。我把svg文件放错了位置，但问题仍然存在。白色背景不会消失。我尝试过z索引和设置背景颜色，但没有成功。这就是我所尝试的，我认为问题在于IE和他管理SVG的方式，因为我看到div的红色背景和透明背景，但SVG背景仍然是白色的。代码：现在我正在使用raphael.js库，地图看起来不错。我知道这是VML，但考虑到IE是唯一的最终用户，我现在就离开SVG。非常感谢您的关注。我的结论是IE是最差的浏览器，因为firefox和chrome在我的代码中工作得很好。当做谢谢你的回复。我把svg文件放错了位置，但问题仍然存在。白色背景不会消失。我尝试过z索引和设置背景颜色，但没有成功。这就是我所尝试的，我认为问题在于IE和他管理SVG的方式，因为我看到div的红色背景和透明背景，但SVG背景仍然是白色的。代码：现在我正在使用raphael.js库，地图看起来不错。我知道这是VML，但考虑到IE是唯一的最终用户，我现在就离开SVG。非常感谢您的关注。我的结论是IE是最差的浏览器，因为firefox和chrome在我的代码中工作得很好。当做

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<?xml-stylesheet href="../../css/mapaSVG.css"?><svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   onload="iniciar(evt)"
   width="100%"
   height="100%"
   viewBox="0 0 1024 860"
   id="svg5724"
   version="1.1"
   inkscape:version="0.48.1 "
   sodipodi:docname="mapaSVG.svg">
  <script
     id="script3"
     type="text/javascript"
     src="mapEffects.js" />
  <defs
     id="defs5726">
    <filter
       inkscape:collect="always"
       id="filter3879">
      <feGaussianBlur
         inkscape:collect="always"
         stdDeviation="8.9458125"
         id="feGaussianBlur3881" />
    </filter>
  </defs>
  <sodipodi:namedview
     inkscape:document-units="mm"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="0.86831672"
     inkscape:cx="903.46039"
     inkscape:cy="429.12416"
     inkscape:current-layer="mapa"
     id="namedview5728"
     showgrid="false"
     inkscape:window-width="1440"
     inkscape:window-height="838"
     inkscape:window-x="-8"
     inkscape:window-y="-8"
     inkscape:window-maximized="1" />
  <metadata
     id="metadata5730">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="mapa">
   ...