好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

箭头背景怎么做_html/css_WEB-ITnose

像http://qa.tourizz.com/newui/latest/today/news-and-promotions这个地址,左侧带箭头的背景怎么做啊,箭头在灰色背景的外面就。选中或者hover的时候背景变成这种黄色箭头。你们觉得怎么做好啊?
现在是用css做的,箭头和矩形框衔接总是有偏差,能看出来间隙。


回复讨论(解决方案)

html5新特性,把一个矩形翻转45度就是三角形了,三角形显示在矩形右边于是就成了一个箭头形状

html5新特性,把一个矩形翻转45度就是三角形了,三角形显示在矩形右边于是就成了一个箭头形状
现在就是这么做的啊,旋转后三角形的底边和左侧矩形的高度不一致,所以总是有间隙。

引用 1 楼 wzs_xyz 的回复:html5新特性,把一个矩形翻转45度就是三角形了,三角形显示在矩形右边于是就成了一个箭头形状
现在就是这么做的啊,旋转后三角形的底边和左侧矩形的高度不一致,所以总是有间隙。
做得麻烦且不兼容,还不如用背景图片

我是搞不懂它那个为什么要用旋转。那是正方形的对角线,还存在根号的问题。
直接用border 也能画三角

arrow

查看更多关于箭头背景怎么做_html/css_WEB-ITnose的详细内容...

  阅读:44次