无CSS背景图像和渐变?
什么是最有效的方法来写更少的代码,以便它可以为所有浏览器创建规则无CSS背景图像和渐变?,css,less,Css,Less,什么是最有效的方法来写更少的代码,以便它可以为所有浏览器创建规则 CSS output: background: url(../i/bg_lines7.png), -webkit-linear-gradient(left, #555, #333) #333; background: url(../i/bg_lines7.png), -moz-linear-gradient(left, #555, #333) #333; .. CSS output: background: #000, ur
CSS output:
background: url(../i/bg_lines7.png), -webkit-linear-gradient(left, #555, #333) #333;
background: url(../i/bg_lines7.png), -moz-linear-gradient(left, #555, #333) #333;
..
CSS output:
background: #000, url(../i/bg_lines7.png), -webkit-linear-gradient(left, #555, #333);
background: #000, url(../i/bg_lines7.png), -moz-linear-gradient(left, #555, #333);
使用混合器
.my-multi-browser-thing (@image,@gsc,@gec,@bfb) {
background: url(../i/@image), -webkit-linear-gradient(left, @gsc, @gec) @bfb;
background: url(../i/@image), -moz-linear-gradient(left, @gsc, @gec) @bfb;
... add more syntax variations ...
}
.my-multi-browser-thing ("bg_lines7.png",#555,#333);