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

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

WBOY
WBOYOriginal
2016-06-24 12:17:081108Durchsuche


求大神说一下方法。


回复讨论(解决方案)

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

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

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

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

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

 

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

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

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

用PS做不快吗??

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

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

图片是斜的,div不是斜的

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn