internet explorer - IE9 SVG displaying issue -


i've been looking lot information ie , svg online, without success. want load map in svg format using label type <object> because not want use plugin adobe. reason adobe plugin, style sheets not work on object (which contains external svg). however, if put map inside tag, shown above context menus , opaque white background. have tested <embed> tag "wmode = transparent" , worked adobe svg viewer (but css didn't work).

what can do? ideas?

chrome well: enter image description here

but ie... enter image description here in advance!

the css:

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

in 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>

and finally, svg (i created inkscape):

<?xml version="1.0" encoding="utf-8" standalone="no"?> <!-- created 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">    ...

regards

so, you're asking 3 questions understand it.

  1. why background of map white in ie9?
  2. why custom dropdown menu not render on top of map?
  3. why object/iframe overlap elements in html document?

some suggestions:

  • try without using filter on map.
  • try make minimal testcase, have checked positions , z-index of elements want position on top of object/iframe?
  • try adding border object/iframe see , if it's same map.
  • try setting background:red , background:transparent on object/iframe element, perhaps white default background color in ie9?
  • try javascript/dom debugger , test in more browsers.

Comments

Post a Comment

Popular posts from this blog

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

java - Output of Eclipse is rubbish -

i want write program in eclipse language different english. when display output using system.out program, displays output correctly in console editor. when accept input console , output it, output rubbish. how can solve it. many thnaks i'm not sure if problem, have character encoding problem. make sure you're using unicode, utf-8. you can read more @ official docs converting non-unicode text .
Read more

jquery - Confused with JSON data and normal data in Django ajax request -

i read json internet still have not got grasp of it. reading article http://webcloud.se/log/ajax-in-django-with-jquery/ i not understood first part function using json def xhr_test(request, format): if request.is_ajax(): if format == 'xml': mimetype = 'application/xml' if format == 'json': mimetype = 'application/javascript' data = serializers.serialize(format, examplemodel.objects.all()) return httpresponse(data,mimetype) # if want prevent non xhr calls else: return httpresponse(status=400) my main problems are from function getting format variable does format json mean data given function json or data recived json can give me simple example ouput of function data = serializers.serialize(format, examplemodel.objects.all()) how use data when response in jquery function if don't use json in above function how input , response chnage thanks ...
Read more