Qt之QSS中替代background-position的方法。

imryss

墨衍会员 · AI 创作全网分发码龄11年

关注

原创最新推荐文章于 2026-08-24 12:11:32 发布 6.6k 阅读 AI 写同款· GEO 优化 ›

AI权益加码！Claude Code、Cursor等20+工具免费用！购周边限时加赠Coding Plan Lite，畅享主流AI工具！学习进阶更高效！阅读详情

学过css的朋友，应该都多少了解一些雪碧图相关的知识。

雪碧图，用的就是background-position来确定选取的素材位置。

比如：

素材中每张扑克的宽高分别为49px，66px。

如果我要选用红桃8，我就会在css中写 background-position:-343px -132px;（宽高也要设置）这样我就可以在网页中准确的截取到红桃8部分。

QSS中也有background-position样式，但是并不完全和CSS一样，在Qt中background-position只有top bottom left right center五个关键字，并不能定位到所有的牌。

在这种情况下，我们可以选取另外一种方法来替代background-position样式。

background-image:url(:/new/prefix1/card.png);
margin-left:-343px; 
margin-top:-132px;

当然，CSS和QSS都不可以有运算功能，如果定位的时候像素需要计算出来，就可以使用以下方法：

int xPos = GetCardValue(card) * 49;
int yPos = GetCardColor(card) * 66;
char style[150];
sprintf(style,"background-image:url(:/new/prefix1/card.png);margin-left:-%dpx; margin-top:-%dpx;",xPos,yPos);
this->setStyleSheet(style);

以上内容均为博主本人学习过程中遇到的问题和博主的解决方法，如有错误，希望大家指出，共同进步，谢谢。

收录于

Qt编程

标签

#qt #css #qss #background-position

本内容遵循 CC 4.0 BY-SA 版权协议

CSS定位position总结（超详细哦！）开始学习css页面布局时，先接触到的有 **标准流或浮动**，但是经过后续的学习发现有些场景很难通过标准流或浮动来快速实现。例如： **场景1**：某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子。 **场景2**：当我们滚动窗口的时候，盒子是固定屏幕某个位置的。这个时候我们就需要学习新的布局方法了——`定位（position）`............... 阅读详情

Qt之QSS中替代background-position的方法。

相关推荐