>  기사  >  웹 프론트엔드  >  请大神看一下这种DIV怎么写出 斜着的_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 12:17:081108검색


求大神说一下方法。


回复讨论(解决方案)

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

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

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

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

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

 

border-radius: 5px;shadow: 3px #333;

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

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

用PS做不快吗??

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

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

图片是斜的,div不是斜的

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.