Maison interface Web js tutoriel js利用div背景,做一个竖线的效果。_javascript技巧

js利用div背景,做一个竖线的效果。_javascript技巧

May 16, 2016 pm 06:58 PM
div js ligne verticale 背景

后来发现,如果div样式,如果设置了具体的高度,无论ie还ff,都能正常的表现。

但这个高度并不是固定的,而是会随着旁边div内容的多少而变化。最后,只好借助javascript,加载时捕获有关的div的高度,将其赋值给指定的div样式,终于看到了想要的东西。

具体脚本是这样的:

window.onload=function(){
document.getElementById('bg').style.height=document.getElementById('mydiv').offsetHeight+'px';
}

“bg”是要更改高度的div,“mydiv”是相关要参照的div。

最后那个单位“px”一定要加上,否则在ff下会无法识别。

这还是有个问题,就是我看到有人介绍说offsetHeight这个属性在ie7下已经不被支持了,具体我没有试过。如果是这样的话,ie7下这里只好显示空白了。

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Introduction à la façon d'ajouter une ligne verticale au milieu d'un mot Introduction à la façon d'ajouter une ligne verticale au milieu d'un mot Mar 19, 2024 pm 08:25 PM

Word est un logiciel bureautique que nous utilisons souvent. Lors de son utilisation, nous effectuerons également divers réglages pour faciliter la lecture et distinguer les différents contenus, nous ajouterons une ligne verticale dans le document et ajouterons une ligne verticale dans. au milieu de Word. Comment ajouter des lignes ? Jetons un coup d’œil à l’explication détaillée ci-dessous. Méthode 1 : Définir les colonnes : 1. Ouvrez Word, cliquez sur « Mise en page » et sélectionnez « Colonnes ». 2. Après avoir cliqué sur "Colonnes", sélectionnez le nombre de colonnes dont vous avez besoin. Ici, nous utilisons deux colonnes pour la démonstration. 3. Après confirmation, vous constatez que la page est divisée en deux colonnes. 4. Dans « Colonne », sélectionnez « Plus de colonnes ». 5. Dans la page contextuelle. Sélectionnez "Diviseur" et validez. 6. Après confirmation, le réglage est réussi comme indiqué sur la figure. Méthode 2 : Ajouter une ligne de démarcation : 1. Oui

Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Apr 03, 2024 am 11:55 AM

La technologie de détection et de reconnaissance des visages est déjà une technologie relativement mature et largement utilisée. Actuellement, le langage d'application Internet le plus utilisé est JS. La mise en œuvre de la détection et de la reconnaissance faciale sur le front-end Web présente des avantages et des inconvénients par rapport à la reconnaissance faciale back-end. Les avantages incluent la réduction de l'interaction réseau et de la reconnaissance en temps réel, ce qui réduit considérablement le temps d'attente des utilisateurs et améliore l'expérience utilisateur. Les inconvénients sont les suivants : il est limité par la taille du modèle et la précision est également limitée ; Comment utiliser js pour implémenter la détection de visage sur le web ? Afin de mettre en œuvre la reconnaissance faciale sur le Web, vous devez être familier avec les langages et technologies de programmation associés, tels que JavaScript, HTML, CSS, WebRTC, etc. Dans le même temps, vous devez également maîtriser les technologies pertinentes de vision par ordinateur et d’intelligence artificielle. Il convient de noter qu'en raison de la conception du côté Web

Outils essentiels pour l'analyse boursière : découvrez les étapes pour dessiner des graphiques en bougies avec PHP et JS Outils essentiels pour l'analyse boursière : découvrez les étapes pour dessiner des graphiques en bougies avec PHP et JS Dec 17, 2023 pm 06:55 PM

Outils essentiels pour l'analyse boursière : découvrez les étapes pour dessiner des graphiques en bougies en PHP et JS. Des exemples de code spécifiques sont nécessaires. Avec le développement rapide d'Internet et de la technologie, le trading d'actions est devenu l'un des moyens importants pour de nombreux investisseurs. L'analyse boursière est une partie importante de la prise de décision des investisseurs, et les graphiques en bougies sont largement utilisés dans l'analyse technique. Apprendre à dessiner des graphiques en bougies à l'aide de PHP et JS fournira aux investisseurs des informations plus intuitives pour les aider à prendre de meilleures décisions. Un graphique en chandeliers est un graphique technique qui affiche les cours des actions sous forme de chandeliers. Il montre le cours de l'action

Comment créer un graphique en chandeliers boursiers en utilisant PHP et JS Comment créer un graphique en chandeliers boursiers en utilisant PHP et JS Dec 17, 2023 am 08:08 AM

Comment utiliser PHP et JS pour créer un graphique en bougies boursières. Un graphique en bougies boursières est un graphique d'analyse technique courant sur le marché boursier. Il aide les investisseurs à comprendre les actions de manière plus intuitive en dessinant des données telles que le prix d'ouverture, le prix de clôture, le prix le plus élevé et le prix le plus élevé. prix le plus bas des fluctuations du prix des actions. Cet article vous apprendra comment créer des graphiques en bougies boursières en utilisant PHP et JS, avec des exemples de code spécifiques. 1. Préparation Avant de commencer, nous devons préparer l'environnement suivant : 1. Un serveur exécutant PHP 2. Un navigateur prenant en charge HTML5 et Canvas 3.

Comment remplacer tous les arrière-plans ppt Comment remplacer tous les arrière-plans ppt Mar 25, 2024 pm 04:25 PM

Le remplacement de l'arrière-plan PPT est une opération importante qui peut rapidement unifier le style visuel de la présentation. Vous pouvez rapidement remplacer l'arrière-plan de l'ensemble de votre présentation en modifiant le masque des diapositives ou en utilisant la fonction Formater l'arrière-plan. De plus, certaines versions PPT proposent également une fonction de remplacement par lots, qui peut facilement remplacer l'arrière-plan de toutes les diapositives. Lors du remplacement de l'arrière-plan, vous devez veiller à choisir un arrière-plan qui correspond au thème de la présentation et vous assurer que la clarté et la résolution de l'arrière-plan répondent aux exigences.

Comment utiliser JS et Baidu Map pour implémenter la fonction de traitement des événements de clic sur la carte Comment utiliser JS et Baidu Map pour implémenter la fonction de traitement des événements de clic sur la carte Nov 21, 2023 am 11:11 AM

Présentation de la façon d'utiliser JS et Baidu Maps pour implémenter les fonctions de traitement des événements de clic sur la carte : dans le développement Web, il est souvent nécessaire d'utiliser des fonctions de carte pour afficher la localisation géographique et les informations géographiques. Le traitement des événements de clic sur la carte est une partie couramment utilisée et importante de la fonction de carte. Cet article explique comment utiliser JS et l'API Baidu Map pour implémenter la fonction de traitement des événements de clic de la carte et donne des exemples de code spécifiques. Étapes : Importez le fichier API de Baidu Map. Tout d’abord, importez le fichier de l’API Baidu Map dans le fichier HTML. Cela peut être réalisé via le code suivant :

Jouez des sons de fond ambiants sur iPhone pour rester concentré Jouez des sons de fond ambiants sur iPhone pour rester concentré Nov 29, 2023 pm 11:27 PM

Sur iPhone et iPad, l’une des nombreuses fonctionnalités d’accessibilité incluses par Apple concerne les sons de fond. Ces sons sont conçus pour vous aider à rester concentré, à rester calme et à minimiser les distractions lorsque vous êtes occupé avec quelque chose. Les sons de fond fournis comprennent des bruits équilibrés, clairs et sombres, ainsi que des sons naturels tels que l'océan, la pluie et les ruisseaux. Tous les sons peuvent être configurés pour être joués en arrière-plan afin de masquer les bruits ambiants ou externes indésirables, et les sons sont mélangés ou masqués sous d'autres sons audio et système. Activer le son de fond sur iPhone et iPad Les étapes suivantes décrivent comment activer le son de fond sur iPhone et iPad exécutant iOS15/iPadOS15 et versions ultérieures. sur iPhone ori

Le contexte de naissance et l'intention originale du langage Go Le contexte de naissance et l'intention originale du langage Go Apr 04, 2024 am 08:48 AM

Le langage Go est né chez Google pour résoudre les problèmes de complexité et de prise en charge insuffisante de la concurrence du C++. Son intention initiale est de créer un langage multiplateforme simple, facile à apprendre et efficace, sécurisé en mémoire, pour améliorer la productivité des programmeurs, construire des systèmes fiables et évolutifs et promouvoir le portage et le partage de code.

See all articles