SharePoint Wikiページに埋め込まれたInkscapeの画像をSVG個作成しました。SVGの下のオブジェクトを下にクリック
onmouseover: this.style.opacity=0
onmouseout: this.style.opacity=1
これは私が背後に置かれ、別のオブジェクトを明らかにするために、一番上のオブジェクトを非表示にすることができます： - 私は定期的にInkscape（>対話オブジェクトのプロパティ）内でこれらの二つの属性を使用します。
属性onclickを使用すると、上にオブジェクトを下に下げる方法はありますか？何かのようにonclick: this.object.lower...
これはページ上の位置を移動することを意味しますか？または、画像が表示されているページのレイヤーを変更しますか？ OnMouseOverの例では、私は後者を推測しています。このためにonclickを使用する必要はありません。親divの背景として '背後にある'と思われるSVGイメージを設定します。そして、最前面のものを背景色と背景画像url（ 'path/to/my.svg'）で設定します。
<style>
.backgroundImage, .foregroundImage {height:5em;width:5em;}
.backgroundImage {background:url('../img/logo.png') #fff center center no-repeat; background-size:4em 4em;}
.foregroundImage {background:url('../img/logo.png') red center center no-repeat; background-size:1em 1em;}
.foregroundImage:hover {background:none;}
</style>
<div class="backgroundImage"><div class="foregroundImage"></div></div>
あなたは私だけのために彼らのロゴを使用して任意の便利なイメージを持っていなかったこのjsFiddle -Iここでこれを行う方法を正確に例を見ることができ、バックグラウンドURLの
あなたが移動する必要があるだろう
その要素は、その要素をカバーする要素よりもファイルの前の要素になります。 –