[RÉGLÉ] Position fixed qui ne fonctionne pas sous chrome ?

[elizabeth]

Bonjour à toutes et tous !

j'ai mis mes pictos de réseaux sociaux sur le côté de mon site, mais mon code position fixed ne fonctionne pas sous chrome (ça fonctionne sous firefox, explorer, opéra).
J'ai fait des recherches, et j'ai tenté des solutions qui ont fonctionné pour d'autres :

Code actuel :

.iconsocial {
top: 300px;
left: 10px;
position: fixed;
z-index: 100;

tous mes essais (essayés les uns après les autres) :

-webkit-transform: none !important;
transform: none !important;
contain:none !important;
-webkit-transform: translateZ(0);
transform: translateZ(0);
contain: none;
display:inline;
-webkit-backface-visibility: hidden;
top: inherit;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);

Merci de votre aide...

[elizabeth]

Re,

J'ai trouvé une solution, pour ceux qui seraient dans le même cas.
Je suis évidemment preneuse d'une solution plus simple car je ne comprend toujours pas pourquoi ça ne fonctionnait pas.

J'ai installé sourcerer, et j'ai placé mes pictos dans un div. L'id du div appelle le css de mon custom. ça donne ceci :

dans le module :

{source}<div id="iconsocial">
<p><a href="https://www.instagram.com/xxx/" target="_blank"><img src="images/xxx/gafa/ins.png" style="float: left;" title="Instagram " /></a><br />
&nbsp;</p>

<p><a href="https://twitter.com/xxx?lang=fr" target="_blank"><img src="images/xxx/gafa/tw.png" style="float: left;" title="Tweeter " /></a></p>

<p><br />
&nbsp;</p>

<p><a href="https://www.facebook.com/xxx/" target="_blank"><img src="images/xxx/gafa/fac.png" style="float: left;" title="Facebook " /></a></p>
</div>{/source}

dans mon custom :

#iconsocial {
top: 300px;
left: 10px;
position: fixed;
z-index: 100;
}

Voilà !

E.