В этом фрагменте SVG (в FF 8, Safari 5.1.2, Chrome 16, все на Mac), при перемещении мыши над панелью, ни один из браузеров не обнаруживает каждое событие на мыши-переключение/выключение, иногда оно работает иногда это не так. Но он согласован во всех браузерах, поэтому он, вероятно, что-то касается SVG-кода. Использование onmouseover
и onmouseout
дает тот же результат - не работает должным образом.
Каков был бы правильный способ реализации при наведении на rect
углы SVG?
<?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>