使用Qss设置背景图片的一些问题记录不生效，效率低，背景图片不能拉伸

# 说明
在用qss进行样式设计时，需要考虑到样式的统一，于是就用到背景图片进行设置。但是没想到在这里面还是有一些的问题，于是记录一下，以便以后参考。
目前使用的是vs2022+qt5.15.17

# 问题1 背景无法生效
这个问题有时候会比较莫名其妙，有点难以理解。比如，我设置了一个QWidget的背景图片，但该Qwidget被加入到了另外一个界面时，该背景图片设置却无效。

对于这种情况，我们一般先设置一个背景色来显著标识生效的效果，确认生效，以及生效范围后，再设置背景图片。
```css
QWidget {
	background-color:red
}
```

== 为了高效的生效，一般会加入一个QWidget并至于底层，以让其保持生效 ==
```css
QWidget#widget_background {
	background-color:transparent;
	background-image:url(:/res/bk.png);
	background-size:cover;
	background-repeat:no-repeat;
	
}
```

# 问题2 Ads组件设置背景图片效率低下
这个问题也有点奇怪，但是最好还是在子窗体中设置一个widget_background在底层，以保持高效生效来解决此问题。

下图是ads组件(QtAdvanceDocking)设置背景图片生效，但是设置图片后，界面打开明显变慢了！== 所以不建议使用 ==

![](/media/202510/IMG_20251011_163226_1760172817.jpg)

# 问题3 图片无法自适应的问题
这个问题也是挺莫名其妙的感觉。解决方式也是奇怪。
开始，图片能贴上，窗口全屏时，无法覆盖全屏，总会留有空白。虽然能通过注释background-repeat字段，让其重复以覆盖。但是最好还是通过一张照片拉伸适应窗体最合适。
最后通过更换背景图片，才发现图片不成比例时，这个问题就可能出现。
我换了一张2560x1440px的照片就没有问题。
2560x1212px图片就不能全屏覆盖！不知原因。
所以用ps将图片拉伸为2560x1440px(16:9)图片就可以了。

![](/media/202510/IMG_20251011_162159_1760174479.jpg)

编辑∶myhappyandy