摘要: 这个跟上一篇是同一类,但是有点不同,那个是边框+小气泡三角,这个是渐变背景+小气泡三角,而且我还换了一个实现手法。 1 .down_tip{position:relative;width:300px;height:50px; 2 background: #f9d835; /* Old browsers */ 3 /* IE9 SVG, needs conditional override of 'filter' to 'none' */ 4 background: url(data:image/svg+xml;base64,PD94bWwgdm... 阅读全文
posted @ 2012-06-07 21:59 enggirl 阅读(1275) 评论(0) 推荐(0) 编辑
摘要: 以前遇到textarea上面有小三角气泡,总是把小三角气泡单独切下来,然后再绝对定位上去。今天,切页面我就换了一个方法,用纯css上! 其实原理很简单:就是让两个小三角叠起来,上面的小三角往一侧错一下位,就刚好露出下面小三角的边,为此上下三角的颜色是不同的,而且需要上面的小三角盖住下面的三角。所以,上面的小三角为白色,下面的小三角是你想要的边框颜色。也就是border-color不同。为了能达到这个效果,要求两个小三角要一样大小,也就是border-width要一样。 下面直接上代码:1 /*右侧气泡 兼容firefox chrome safari ie6,7,8,9*/2 .right_.. 阅读全文
posted @ 2012-06-07 21:41 enggirl 阅读(753) 评论(0) 推荐(0) 编辑