JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 可以有非矩形div吗?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要以以下形状塑造一个div标签:

shape of div that I’m looking for http://bytes.com/attachments/attachment/5205d1307460155/div.jpg

是否可以使其跨浏览器?我不一定需要圆角.我需要它,@R_989_9447@改变悬停的整个div的边框的颜色,所以我认为它不能通过使用两个div的实现.

解决方法

是的,你可以使用HTML和CSS这样做: http://jsfiddle.net/broofa/364Eq/

它基本上使用三个div来聚合鼠标事件,像这样:

<div id="outer">
  <div class="inner"></div>
  <div class="inner"></div>
</div>

而我使用:在外部元素上的悬停规则影响内部div的边框颜色:

#outer .inner {Border-color: reD}
#outer:hover .inner {Border-color: bluE}

这个标记的唯一怪癖是,内容区域 – 您在图像中绘制的区域是,它是两个div,而不是一个div.所以文本不会包装和流动你可能期望的方式.此外,在旧版(IE6-7)浏览器上可能无法正常工作.但是,FF,Chrome,Safari,Opera应该还可以.

大佬总结

以上是大佬教程为你收集整理的javascript – 可以有非矩形div吗?全部内容,希望文章能够帮你解决javascript – 可以有非矩形div吗?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。