javascript - Comment insérer une publicité en haut de page sans détruire la mise en page (sans affecter le contenu en dessous) ?

Question

C'est juste une longue publicité en haut, poussant les autres contenus vers le bas. L'insertion directe d'un p img ne fonctionnera pas, car cela entraînerait un mauvais alignement ou un masquage du contenu sous-jacent. Peut-il être résolu en utilisant js/jquery ?

Answer 1

Enveloppez-le avec un p

<p><img src="xxx" /></p>

Answer 2

Généralement, les publicités sur les pages Web sont un morceau de code js. Il est plus facile de placer des annonces de cette manière. La fonction du code js est de demander du matériel, de créer des éléments dom, d'ajuster la mise en page et de gérer la logique d'affichage et de clic. Si la ligne est gênante, vous pouvez directement définir une iframe.

Answer 3

Si l'espace publicitaire a une largeur de 100 % et une hauteur de 200 px

body{
    margin-top : 200px;
}

.banner{
    position : fixed;
    width:100%;
    height:200px;
    top:0;
    left:0;
}

Answer 4

Pour éviter que le contenu ci-dessous ne soit égaré ou couvert, vous pouvez simplement créer une publicité de superposition translucide. Utilisez pointer-events:none pour appliquer pointer-events:none à l'élément de superposition translucide. Le contenu derrière la superposition translucide est visible. Obtenez-le, vous pouvez également effectuer des événements de clic
Pour plus de détails, veuillez vous référer au maître
http://www.zhangxinxu.com/stu...