用css更换img图片,css – 用SASS替换img

我创建了一个mixin来轻松操作图像并替换,现在我的应用程序正在增长,我不知道如何改进此代码.

基本上我有一个包括：@include img-replace(“logo.png”,104px,47px,inline-block);我简单地更改图像的名称并定义像素的宽度和高度.

我想改变它,因为现在,一些开发人员只想更改图像名称而不用担心大小了解？

在这种情况下,图像具有：宽度：104px和高度：47px,因此他们不再担心它,因为下一个图像可以更大或更小.

那么这个有什么解决方案吗？谢谢.

$path--rel : "../images";

@mixin img-replace($img,$w,$h,$disp: block) {

background-image: url('#{$path--rel}/#{$img}');

background-repeat: no-repeat;

width: $w;

height: $h;

display: $disp;

}

.site-logo {

@include img-replace("logo.png",inline-block);

margin-top: 8px;

margin-left: 6px;

}