Le style de survol CSS sur l'élément à l'intérieur de div avec transform-style:preserve-3d ne fonctionne pas dans Safari-Questions et réponses sur le réseau chinois PHP
Le style de survol CSS sur l'élément à l'intérieur de div avec transform-style:preserve-3d ne fonctionne pas dans Safari
P粉346326040
P粉346326040 2023-08-30 18:33:26
0
1
401

J'ai implémenté un en-tête de défilement parallaxe avec des icônes sociales à l'intérieur avec des styles de survol. Les styles de survol ne fonctionnent actuellement pas dans Safari. Lorsque je supprime transform-style:preserve-3d sur le conteneur, le style de survol fonctionne (mais interrompt la parallaxe). Cela fonctionne bien dans Chrome.

    ≪/tête> 

Voyage &
Paysage
Photographie

Un immense lac salé se reflétant comme un miroir en Turquie au coucher du soleil

L'icône Unsplash sous le titre doit avoir un style de survol (orange et curseur).

P粉346326040
P粉346326040

répondre à tous (1)
P粉322918729

Parce que lorsque vous utilisez "transform-style:preserve-3d", qui rend l'élément z-index -1, vous ne pourrez pas sélectionner d'éléments et survoler Safari.

Le mécanisme de rendu Safari SVG fonctionne très différemment, les structures HTML-CSS complexes doivent donc être évitées.

La vérité est que la structure HTML n'est pas bien établie, et si vous construisez d'abord une base saine, vous aurez beaucoup moins de problèmes et beaucoup moins de travail.

Je pense que HTML-css semble malsain.

J'ai fait un exemple de structure plus simple et incontournable.

Mais je suppose que vous voulez que l'image bouge lorsque vous faites défiler vers le bas. Si vous le souhaitez, vous pouvez ajouter JS. Vous pouvez le préciser si nécessaire.

https://codepen.io/sawacrow/pen/jOeeEXM

   

Travel &
Landscape
Photography

    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!