Maison > interface Web > tutoriel HTML > 图片排版问题_html/css_WEB-ITnose

图片排版问题_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-21 09:41:43
original
1296 Les gens l'ont consulté

jquery HTML CSS


该图片有悬浮其他图片变暗的效果,我想询问不要用表格进行排版,应该如何控制呢,最好是能够容易地用JQuery进行选择和实现其他图片变暗的效果

回复讨论(解决方案)

更改其他图片的透明度

我问的是排版问题,而非实现的效果,我想知道入排版能不用表格套住,直接用HTML+CSS


  • 图片排版问题_html/css_WEB-ITnose

  • 图片排版问题_html/css_WEB-ITnose

  • 图片排版问题_html/css_WEB-ITnose

  • 图片排版问题_html/css_WEB-ITnose


至于css 要看你是准备怎么让图片滚动。



看看 就是这样

设置图片的透明度,然后设置div的z-index样式,再做合理的布局,差不多就可以了。

你的意思是 一次显示的是三张图片?
那你能确保每次的显示位置跟尺寸都一样么?如果能保证就简单了。如果不能保证那就麻烦了。
如果是 每次都在同一位置 同一尺寸 那布局可以这么写:


  左上图
  右图
  左下图

#pic_ad{	width:780px;	height:300px;	background:#000}    <div id="pic_ad">          <div>            <img  src="img/pic04.gif"   style="max-width:90%"/ alt="图片排版问题_html/css_WEB-ITnose" >            <img  src="img/pic01.gif"/ alt="图片排版问题_html/css_WEB-ITnose" >            <img  src="img/pic02.gif"   style="max-width:90%"/ alt="图片排版问题_html/css_WEB-ITnose" >            <img  src="img/pic03.gif"/ alt="图片排版问题_html/css_WEB-ITnose" >           </div>    </div>
Copier après la connexion

呵呵,一段时间没法上,现在才看到大家的回帖,这是我写的源码,在各个浏览器测试都很好

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal