Bir SVG doğrultusu nasıl geçilir? çubuğunun üzerine fare ile gelindiği zaman SVG Bu parçada

Question

(FF 8, Safari 5.1.2, Krom 16, Mac üzerindeki tüm yargılandı), tarayıcılar hiçbiri düzgün bazen her birinde-fare-over/çıkış olayı algılamak bazen işe yaramaz. Ancak tüm tarayıcılarda tutarlı olduğundan, muhtemelen SVG koduyla ilgili bir şey. onmouseover kullanma ve onmouseout aynı sonucu verir - düzgün çalışmıyor.

Ne SVG için vurgulu üzerinde rect açıları uygulanmasının doğru yolu olurdu?

<?xml version="1.0" encoding="UTF-8" standalone="no"?> 
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600" version="1.1" style="display:inline"> 

<style type="text/css"> 
.bar { 
    fill: none; 
} 
.bar:hover { 
    fill: red; 
} 
</style> 
    <g> 
    <rect class="bar" x="220" y="80" width="20" height="180" stroke="black" stroke-width="1" /> 
    </g> 
</svg> 

Answer 1

neler oluyor var fare olayları dolgu 'none' olduğundan tespit olmadığını, sadece ekleyin:

.bar { 
    fill: none; 
    pointer-events: all; 
} 

o zaman sadece iyi çalışır.

Answer 2

Saydam olmayan bir dolgu vermeyi deneyin.

---

Ayrıca <style> <svg> dışarıya çıkmak gerekiyor.