图片排版问题_html/css_WEB-ITnose
jquery HTML CSS
该图片有悬浮其他图片变暗的效果,我想询问不要用表格进行排版,应该如何控制呢,最好是能够容易地用JQuery进行选择和实现其他图片变暗的效果
回复讨论(解决方案)
更改其他图片的透明度
我问的是排版问题,而非实现的效果,我想知道入排版能不用表格套住,直接用HTML+CSS
至于css 要看你是准备怎么让图片滚动。
看看 就是这样
设置图片的透明度,然后设置div的z-index样式,再做合理的布局,差不多就可以了。
你的意思是 一次显示的是三张图片?
那你能确保每次的显示位置跟尺寸都一样么?如果能保证就简单了。如果不能保证那就麻烦了。
如果是 每次都在同一位置 同一尺寸 那布局可以这么写:
左上图
右图
左下图
#pic_ad{ width:780px; height:300px; background:#000} <div id="pic_ad"> <div> <img src="/static/imghw/default1.png" data-src="img/pic04.gif" class="lazy" style="max-width:90%"/ alt="图片排版问题_html/css_WEB-ITnose" > <img src="/static/imghw/default1.png" data-src="img/pic01.gif" class="lazy" / alt="图片排版问题_html/css_WEB-ITnose" > <img src="/static/imghw/default1.png" data-src="img/pic02.gif" class="lazy" style="max-width:90%"/ alt="图片排版问题_html/css_WEB-ITnose" > <img src="/static/imghw/default1.png" data-src="img/pic03.gif" class="lazy" / alt="图片排版问题_html/css_WEB-ITnose" > </div> </div>
呵呵,一段时间没法上,现在才看到大家的回帖,这是我写的源码,在各个浏览器测试都很好

Outils d'IA chauds

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

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

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

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 !

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

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

Sujets chauds

HTML convient aux débutants car il est simple et facile à apprendre et peut rapidement voir les résultats. 1) La courbe d'apprentissage de HTML est fluide et facile à démarrer. 2) Il suffit de maîtriser les balises de base pour commencer à créer des pages Web. 3) Flexibilité élevée et peut être utilisée en combinaison avec CSS et JavaScript. 4) Les ressources d'apprentissage riches et les outils modernes soutiennent le processus d'apprentissage.

HTML définit la structure Web, CSS est responsable du style et de la mise en page, et JavaScript donne une interaction dynamique. Les trois exercent leurs fonctions dans le développement Web et construisent conjointement un site Web coloré.

Anexampleofastartingtaginhtmlis, qui abinginsaparagraph.startingtagsaressentialtinhtmlastheyinitiateelements, définit les éventualités, et la faculté de réduction des pages et de la construction de la création.

WebDevelopmentReliesOnHTML, CSS, etjavascript: 1) HTMLSTRUCTURESCONTENT, 2) CSSSTYLESIT, et3) JavascriptAdddsInterActivity, Forming TheasisofmodernweBEBExperiences.

L'algorithme adaptatif de la position de l'axe y pour la fonction d'annotation Web Cet article explorera comment implémenter des fonctions d'annotation similaires aux documents de mots, en particulier comment gérer l'intervalle entre les annotations ...

GiteEpages STATIQUE Le déploiement du site Web a échoué: 404 Dépannage des erreurs et résolution lors de l'utilisation de Gitee ...

Pour obtenir l'effet de la diffusion et de l'élargissement des images environnantes après avoir cliqué sur l'image, de nombreuses conceptions Web doivent obtenir un effet interactif: cliquez sur une certaine image pour faire les environs ...

HTML, CSS et JavaScript sont les trois piliers du développement Web. 1. HTML définit la structure de la page Web et utilise des balises telles que, etc. 2. CSS contrôle le style de page Web, en utilisant des sélecteurs et des attributs tels que la couleur, la taille de la police, etc. 3. JavaScript réalise les effets dynamiques et l'interaction, par la surveillance des événements et les opérations DOM.
