Mouseover text color change is not working in IE & FF

"[email protected] [svg-developers]" <[email protected]> 23 Jun 2015 13:45:32 -0700
Newsgroups gmane.text.xml.svg.devel
Message-ID <[email protected]>
--9nlWnTS9ocNmxdhsK3FKVLWiM6a5jwOaA8HvrLV
Content-Transfer-Encoding: base64
Content-Type: text/plain; charset="UTF-8"

SGkNCiANCg0KIEknbSBleHBlcmllbmNpbmcgYSBzdHJhbmdlIGlzc3VlIHdpdGggbW91c2VvdmVy
IGluIHN2ZyBncmFwaGljcyB3aGVyZSBhIG1vdXNlb3ZlciBvbiB0ZXh0IGlzIG5vdCBjaGFuZ2lu
ZyB0aGUgY29sb3IgaW4gSUUgYW5kIEZpcmVmb3ggYnV0IGl0IGlzIHdvcmtpbmcgZmluZSB3aXRo
IENocm9tZS4NCiANCg0KIEhlcmUgaXMgdGhlIHNhbXBsZSBjb2RlDQogDQoNCiA8aHRtbCBlbmNv
ZGluZz0iVVRGLTgiID4NCjxib2R5Pg0KICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8y
MDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5
OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgaWQ9InJvb3QiIHdpZHRoPSI1MDBwdCIgaGVp
Z2h0PSIzNzVwdCIgdmlld0JveD0iMCAwIDIwMDAwIDE1MDAwIj4NCiAgICA8c2V0IGlkPSJ3ZWJf
c2hvdyIgYXR0cmlidXRlTmFtZT0idmlzaWJpbGl0eSIgYXR0cmlidXRlVHlwZT0iQ1NTIiBiZWdp
bj0iMnMiIHRvPSJ2aXNpYmxlIi8+DQogICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIwMDAw
IiBoZWlnaHQ9IjE1MDAwIiBzdHlsZT0iZmlsbDojMDAwMDAwOyAiIC8+DQogICAgPHRleHQgaWQ9
Il9UZXh0X0JveCIgeD0iNzQwMCIgeT0iMTgyMCIgd2lkdGg9IjIyMDAiIGZpbGw9IiNmZmZmZmYi
IHN0cm9rZT0ibm9uZSIgc3R5bGU9ImZvbnQtd2VpZ2h0OjQwMHB4OyBmb250LXNpemU6MzIwcHg7
IGZvbnQtZmFtaWx5OlZlcmRhbmE7IGJhc2VsaW5lLXNoaWZ0Oi0xMDAlOyI+VGV4dCA8L3RleHQ+
DQogICAgPGcgaWQ9Il9UZXh0X0JveF9tb3VzZW92ZXJzIiA+DQogICAgICAgIDxhbmltYXRlIHhs
aW5rOmhyZWY9IiNfVGV4dF9Cb3giIGF0dHJpYnV0ZU5hbWU9ImZpbGwiIHZhbHVlcz0iI2ZmZmZm
ZjsjZmYwMDAwIiBkdXI9IjBzIiBmaWxsPSJmcmVlemUiIGJlZ2luPSJfVGV4dF9Cb3gubW91c2Vv
dmVyIiAvPg0KICAgICAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjX1RleHRfQm94IiBhdHRyaWJ1
dGVOYW1lPSJ0ZXh0LWRlY29yYXRpb24iIHZhbHVlcz0ibm9uZTt1bmRlcmxpbmUiIGR1cj0iMHMi
IGZpbGw9ImZyZWV6ZSIgYmVnaW49Il9UZXh0X0JveC5tb3VzZW92ZXIiIC8+DQogICAgICAgIDxh
bmltYXRlIHhsaW5rOmhyZWY9IiNfVGV4dF9Cb3giIGF0dHJpYnV0ZU5hbWU9ImZpbGwiIHZhbHVl
cz0iI2ZmMDAwMDsjZmZmZmZmIiBkdXI9IjBzIiBmaWxsPSJmcmVlemUiIGJlZ2luPSJfVGV4dF9C
b3gubW91c2VvdXQiIC8+DQogICAgICAgIDxhbmltYXRlIHhsaW5rOmhyZWY9IiNfVGV4dF9Cb3gi
IGF0dHJpYnV0ZU5hbWU9InRleHQtZGVjb3JhdGlvbiIgdmFsdWVzPSJ1bmRlcmxpbmU7bm9uZSIg
ZHVyPSIwcyIgZmlsbD0iZnJlZXplIiBiZWdpbj0iX1RleHRfQm94Lm1vdXNlb3V0IiAvPg0KICAg
IDwvZz4NCiAgPC9zdmc+DQo8L2JvZHk+ICAgIA0KPC9odG1sPg0K


--9nlWnTS9ocNmxdhsK3FKVLWiM6a5jwOaA8HvrLV
Content-Type: text/html; charset=UTF-8
Content-Transfer-Encoding: 7bit





<head>

<style type="text/css">
<!--

/* start of attachment style */
       .ygrp-photo-title{
         clear: both;
         font-size: smaller;
         height: 15px;
         overflow: hidden;
         text-align: center;
         width: 75px;
       }
       div.ygrp-photo{
         background-position: center;
         background-repeat: no-repeat;
         background-color: white;
         border: 1px solid black;
         height: 62px;
         width: 62px;
       }

       div.photo-title 
         a,
         div.photo-title a:active,
         div.photo-title a:hover,
         div.photo-title a:visited {
           text-decoration: none; 
       }

       div.attach-table div.attach-row {
         clear: both;
       }

       div.attach-table div.attach-row div {
         float: left;
         /* margin: 2px;*/
       }

       p {
         clear: both;
         padding: 15px 0 3px 0;
	 overflow: hidden;
       }

       div.ygrp-file {
         width: 30px;
         valign: middle;
       }
       div.attach-table div.attach-row div div a {
         text-decoration: none;
       }

       div.attach-table div.attach-row div div span {
         font-weight: normal;
       }

       div.ygrp-file-title {
         font-weight: bold;
       }
 /* end of attachment style */
        -->
        </style>
        </head>
<html>
<head>
<style type="text/css">
<!--
#ygrp-mkp {
  border: 1px solid #d8d8d8;
  font-family: Arial;
  margin: 10px 0;
  padding: 0 10px;
}

#ygrp-mkp hr {
  border: 1px solid #d8d8d8;
}

#ygrp-mkp #hd {
  color: #628c2a;
  font-size: 85%;
  font-weight: 700;
  line-height: 122%;
  margin: 10px 0;
}

#ygrp-mkp #ads {
  margin-bottom: 10px;
}

#ygrp-mkp .ad {
  padding: 0 0;
}

#ygrp-mkp .ad p {
  margin: 0;
}

#ygrp-mkp .ad a {
  color: #0000ff;
  text-decoration: none;
}
-->
</style>
</head>
<body>



<!-- |**|begin egp html banner|**| -->

<br><br>

<!-- |**|end egp html banner|**| -->


<p><span>Hi</span></p><p><span><br></span></p><p><span>I&#39;m experiencing a strange issue with mouseover in svg graphics where a mouseover on text is not changing the color in IE and Firefox but it is working fine with Chrome.</span></p><p><span><br></span></p><p><span>Here is the sample code</span></p><p><span><br></span></p><p><span>&lt;html encoding=&quot;UTF-8&quot; &gt;<br>&lt;body&gt;<br>&nbsp; &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; version=&quot;1.1&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; xml:space=&quot;preserve&quot; id=&quot;root&quot; width=&quot;500pt&quot; height=&quot;375pt&quot; viewBox=&quot;0 0 20000 15000&quot;&gt;<br>&nbsp;&nbsp;&nbsp; &lt;set id=&quot;web_show&quot; attributeName=&quot;visibility&quot; attributeType=&quot;CSS&quot; beg
 in=&quot;2s&quot; to=&quot;visible&quot;/&gt;<br>&nbsp;&nbsp;&nbsp; &lt;rect x=&quot;0&quot; y=&quot;0&quot; width=&quot;20000&quot; height=&quot;15000&quot; style=&quot;fill:#000000; &quot; /&gt;<br>&nbsp;&nbsp;&nbsp; &lt;text id=&quot;_Text_Box&quot; x=&quot;7400&quot; y=&quot;1820&quot; width=&quot;2200&quot; fill=&quot;#ffffff&quot; stroke=&quot;none&quot; style=&quot;font-weight:400px; font-size:320px; font-family:Verdana; baseline-shift:-100%;&quot;&gt;Text &lt;/text&gt;<br>&nbsp;&nbsp;&nbsp; &lt;g id=&quot;_Text_Box_mouseovers&quot; &gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;animate xlink:href=&quot;#_Text_Box&quot; attributeName=&quot;fill&quot; values=&quot;#ffffff;#ff0000&quot; dur=&quot;0s&quot; fill=&quot;freeze&quot; begin=&quot;_Text_Box.mouseover&quot; /&gt;<br
 >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;animate xlink:href=&quot;#_Text_Box&quot; attributeName=&quot;text-decoration&quot; values=&quot;none;underline&quot; dur=&quot;0s&quot; fill=&quot;freeze&quot; begin=&quot;_Text_Box.mouseover&quot; /&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;animate xlink:href=&quot;#_Text_Box&quot; attributeName=&quot;fill&quot; values=&quot;#ff0000;#ffffff&quot; dur=&quot;0s&quot; fill=&quot;freeze&quot; begin=&quot;_Text_Box.mouseout&quot; /&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;animate xlink:href=&quot;#_Text_Box&quot; attributeName=&quot;text-decoration&quot; values=&quot;underline;none&quot; dur=&quot;0s&quot; fill=&quot;freeze&quot; begin=&quot;_Text_Box.mouseout&quot; /&gt;<br>&nbsp;&nbsp;&nbsp; &lt;/g&gt;<br>&nbsp; &lt;
 /svg&gt;<br>&lt;/body&gt;&nbsp;&nbsp;&nbsp; <br>&lt;/html&gt;</span></p>



<!-- |**|begin egp html banner|**| -->

<br>


<br>

<!-- |**|end egp html banner|**| -->


<div width="1" style="color: white; clear: both;"/>__._,_.___</div>

      
  

    
    <div id="fromDMARC" style="clear:both; margin-top: 10px;">
         <hr style="height:2px ; border-width:0; color:#E3E3E3; background-color:#E3E3E3;">
         Posted by: [email protected]         <hr style="height:2px ; border-width:0; color:#E3E3E3; background-color:#E3E3E3;">
    </div>
<!-- Start Recommendations -->
<!-- End Recommendations -->


<!-- |**|begin egp html banner|**| -->

<br><br>
<tt>
-----<BR>
To unsubscribe send a message to: [email protected]<BR>
-or-<BR>
visit <a href="http://groups.yahoo.com/group/svg-developers">http://groups.yahoo.com/group/svg-developers</a> and click &quot;edit my membership&quot;<BR>
----</tt>
<br><br>

<!-- |**|end egp html banner|**| -->



<!-- |**|begin egp html banner|**| -->

  <img src="http://geo.yahoo.com/serv?s=97476590/grpId=1298421/grpspId=1706030390/msgId=66486/stime=1436100338" width="1" height="1"> <br>

<!-- |**|end egp html banner|**| -->

  
<!-- |**|begin egp html banner|**| -->

<br>



   
     
 
        <!-- |**|begin egp html banner|**| -->
        <div id="ygrp-vital" style="background-color: #f2f2f2; font-family: Verdana; font-size: 10px; margin-bottom: 10px; padding: 10px;">

        <span id="vithd" style="font-weight: bold; color: #333; text-transform: uppercase; "><a href="https://groups.yahoo.com/neo/groups/svg-developers/info;_ylc=X3oDMTJlYzBscTgzBF9TAzk3MzU5NzE0BGdycElkAzEyOTg0MjEEZ3Jwc3BJZAMxNzA2MDMwMzkwBHNlYwN2dGwEc2xrA3ZnaHAEc3RpbWUDMTQzNjEwMDMzOA--" style="text-decoration: none;">Visit Your Group</a></span>

     <ul style="list-style-type: none; margin: 0; padding: 0; display: inline;">
            <li style="border-right: 1px solid #000; font-weight: 700; display: inline; padding: 0 5px; margin-left: 0;">
      <span class="cat"><a href="https://groups.yahoo.com/neo/groups/svg-developers/members/all;_ylc=X3oDMTJmNmRjdjQyBF9TAzk3MzU5NzE0BGdycElkAzEyOTg0MjEEZ3Jwc3BJZAMxNzA2MDMwMzkwBHNlYwN2dGwEc2xrA3ZtYnJzBHN0aW1lAzE0MzYxMDAzMzg-" style="text-decoration: none;">New Members</a></span>
      <span class="ct" style="color: #ff7900;">1</span>
    </li>
                                              </ul>
  </div>


<div id="ft" style="font-family: Arial; font-size: 11px; margin-top: 5px; padding: 0 2px 0 0; clear: both;">
  <a href="https://groups.yahoo.com/neo;_ylc=X3oDMTJkNzVtcDIwBF9TAzk3NDc2NTkwBGdycElkAzEyOTg0MjEEZ3Jwc3BJZAMxNzA2MDMwMzkwBHNlYwNmdHIEc2xrA2dmcARzdGltZQMxNDM2MTAwMzM4" style="float: left;"><img src="http://l.yimg.com/ru/static/images/yg/img/email/new_logo/logo-groups-137x15.png" height="15" width="137" alt="Yahoo! Groups" style="border: 0;"/></a>
  <div style="color: #747575; float: right;"> &bull; <a href="https://info.yahoo.com/privacy/us/yahoo/groups/details.html" style="text-decoration: none;">Privacy</a> &bull; <a href="mailto:[email protected]?subject=Unsubscribe" style="text-decoration: none;">Unsubscribe</a> &bull; <a href="https://info.yahoo.com/legal/us/yahoo/utos/terms/" style="text-decoration: none;">Terms of Use</a> </div>
</div>

<!-- |**|end egp html banner|**| -->

  </div> <!-- ygrp-msg -->

   


  <br>

<!-- |**|end egp html banner|**| -->


<div style="color: white; clear: both;"/>__,_._,___</div>
</body>

</html>

--9nlWnTS9ocNmxdhsK3FKVLWiM6a5jwOaA8HvrLV--