ты об этом?
.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, время: 02:27. |