0

別の画像の前にある画像を右に揃えたい。

この例では、小さな Google 画像が左上にありますが、右上に配置したい:

http://jsfiddle.net/2NYve/

私はすでに float: right と align="right" を試しましたが、うまくいきません。例でわかるように、背景は svg を持つオブジェクトですが、この例では、この場所に画像を配置するだけです。違いはないと思います。

<div id="divSvgView" dojoType="dojox.mobile.ScrollableView" style="background-color: #d0d0d0;">
<!--foreground-->
    <div style="float:right;width:30px; height:30px;position: absolute; z-index:5000"><a href="javascript:goToLastNodeDiv()"><img class="mapImage" src="https://www.google.de/images/icons/product/chrome-48.png" /></a></div>
<!--background-->
    <div style="width:100%; position: absolute; z-index:100"><img class="mapImage" src="https://www.google.de/images/srpr/logo4w.png" />
    <!--<object type="application/xhtml+xml" id="svgObject" data="" style="width:100%; height:100%;margin:1%;"></object>--></div>

4

3 に答える 3

0

前景の div 位置を「絶対」ではなく「相対」に設定し、右マージンを追加して少し右に配置します。

<div id="divSvgView" dojoType="dojox.mobile.ScrollableView" style="background-color: #d0d0d0;">
<!--foreground-->
<div style="float:right;width:30px; height:30px;position: relative; z-index:5000;margin-right:10px"><a href="javascript:goToLastNodeDiv()"><img class="mapImage" src="https://www.google.de/images/icons/product/chrome-48.png" /></a></div>
<!--background-->
<div style="width:100%; position: absolute; z-index:100"><img class="mapImage" src="https://www.google.de/images/srpr/logo4w.png" />
<!--<object type="application/xhtml+xml" id="svgObject" data="" style="width:100%; height:100%;margin:1%;"></object>--></div>

于 2013-05-16T08:14:28.097 に答える