j'ai commencé à utiliser l'éditeur d'élément pour y créer des Bouton à effet zoom lors du survol avec la souris.

 

Je me suis inspirer d'un script trouvé sur le net et adapté pour Openelement.

 

Le problème est que lorsque le bouton se trouve sur un calque ou une page, les autres éléments ne sont plus sélectionnable (pour les déplacer par exemple ou editer leur contenus).

 

Je ne vois pas trop d'où ca peux venir ?

L'utilisation de div n'est peux être pas judicieuse ?

 

Le code htlm:

<div style="-webkit-perspective:1000; -moz-perspective:1000px; -ms-perspective:1000;">
 <div class="ZoomBt"><oe:property:write name="Text" /><a href='<oe:property:write name="Link" />'/><img src='<oe:property:write name="Picture" height=150 />' onmouseover="javascript:this.src='<oe:property:write name="Rolloverpic" />';" onmouseout="javascript:this.src='<oe:property:write name="Picture"/>';" />
 </div></div>

 

Le Css:

.ZoomBt { height:50px; display:inline-block; box-shadow:0 5px 10px black; border-radius:10px; transition:all .5s; margin:0px 0px; -webkit-transform:rotateX(10deg); transform:rotateX(10deg);-webkit-transform:scale(0.9); transform:scale(0.9); position:relative; width:150px; background:#FFFFFF; }
.ZoomBt:hover { -webkit-transform:scale(1.1); transform:scale(1.1); background:#FFFFFF; }