ты об этом?
.point_on_map { width: 20px; height: 34px; background-image:url([url]http://www.google.com/mapfiles/marker.png);[/url] } .map a { position:absolute; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; } <a href="#" class="point_on_map" style="left:20%; top:30%;"></a> <a href="#" class="little_point" style="left: 435px; top: 384px;"></a> <a href="#" class="point_on_map" style="left: 427px; top: 356px; "></a> |
:dance:
<style type="text/css"> .point_on_map { width: 0px; height: 0px; position:absolute; display:block; *!* border:1px blue solid; */!* } .point_on_map img{ margin:-34px 0 0 -10px!important; position:absolute; border:0 none transparent; } </style> <br> <a href="#" class="point_on_map" style="left: 435px; top: 384px;"><img src="http://www.google.com/mapfiles/marker.png" /></a> |
теперь точка уежает, не много меньше и в низ
|
cyber,
Поставь точку в начало картинки карты позицию left:2px; top:2px; Отслеживай left: точки (выводи знчение в input тext |
2px не получится ты же сам поставил margin - 34
|
|
|
ахахха, я понял, сместилась ссылка а картинка осталась на месте?!
|
cyber,
Поменяй css - по-ходу глюк с анимацией в css <style> *{margin:0; padding:0;} .wrapper .zooming-map,.zooming-map > img{ position:absolute; width:100%; height:100%; } .wrapper .zooming-map,.zooming-map { position:absolute;z-index:100; transition-duration: 0.06s; -webkit-transition-duration: 0.06s; -moz-transition-duration: 0.06s; -o-transition-duration: 0.06s; -ms-transition-duration: 0.06s;/* IE9+ */ } .point_on_map { width: 0px; height: 0px; position:absolute; display:block; border:1px red solid; } .point_on_map img{ margin:-34px 0 0 -10px!important; position:absolute; border:0 none transparent; } .map{ width:1800px; height:1000px; overflow:hidden; /*margin:10px;*/ border:1px solid black; } .map .wrapper{ width:1600px; height:1000px; cursor: move; } .little_point { position:absolute; width:5px; height:5px; background-color:#000; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; } </style> |
неа, вторая точка как двигалась так и двигается
|
Часовой пояс GMT +3, время: 14:18. |