嗨,大家都在尝试用css创建一个信息框,通过渐变框,它的内容必须是expand,并且必须支持旧版本,直到ie6,我可以使用纯CSS and CSS3 which is not working on old browsers创建框,所以我计划使用背景图像概念来创建它,但是我无法完成它。
这是用作背景的图像。
然后,我将图像切片为四片,然后使用以下四个角进行样式和标记:
CSS
.rounded-box{
background: #fff url('../img/top-left-radius.png') no-repeat;
}
.top-right-radius{
以下是我试图完成的一个非常精简的测试用例:
这是可行的:
html
$gradient: red, salmon
+background(linear-gradient($gradient))
这不起作用:
html
$gradient: top, red, salmon
+background(linear-gradient($gradient))
它给出了这个错误:"At least two color stops are required for a linear-gradient()“
然而,$gradient: top, red 10%, salmon 10%