Rumah > hujung hadapan web > html tutorial > 图片排版问题_html/css_WEB-ITnose

图片排版问题_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-21 09:41:43
asal
1297 orang telah melayarinya

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>
Salin selepas log masuk

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan