Rumah > hujung hadapan web > html tutorial > 请大神看一下这种DIV怎么写出 斜着的_html/css_WEB-ITnose

请大神看一下这种DIV怎么写出 斜着的_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 12:17:08
asal
1178 orang telah melayarinya


求大神说一下方法。


回复讨论(解决方案)

父容器relative定位+子容器absolute定位设置z-index覆盖+图片处理成那样的作为子容器背景

这是CSS3?  您能给写出一小句代码吗  拜托了

背景图片用png格式,阴影做成半透明的。IE7以上不需要额外的样式,IE6需要使用背景透明度的滤镜

你到底要实现什么效果呢?鼠标移动上去会显示全部?是的话上面叠加的就要处理成4张png图片进行叠加覆盖,右边没内容的处理成透明和半透明的黑色斜边

如果只是做链接,直接处理成一张图片,加热点就好了

 

border-radius: 5px;shadow: 3px #333;
Salin selepas log masuk

自己去查查这个吧,我也不太常用
但是介于浏览器是否支持CSS3,我建议楼主要做这个效果最好还是用图片去处理……
如果是折叠的就如版主说的做成PNG去重叠起来。

我觉得这是图片直接弄上去的,用ps做成这么样一个效果贴上的……

用PS做不快吗??

这难道不是图片?查看源代码?

楼主,把这个图的网址公开一下呗

图片是斜的,div不是斜的

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