我需要以以下形状塑造一个div标签:
shape of div that I’m looking for http://bytes.com/attachments/attachment/5205d1307460155/div.jpg
是否可以使其跨浏览器?我不一定需要圆角.我需要它,所以我可以改变悬停的整个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应该还可以.
原文地址:https://www.jb51.cc/js/151181.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。