博客探讨了在CSS中使用`background-position`属性时遇到的问题，即百分比定位无法按预期工作。作者引用了一个Qt相关的问题作为例子，并提供了一种替代方案，通过调整元素的`border`、`padding`和`background-origin`属性来改变背景图的位置，但同时导致文字位置的变化。文章主要关注前端开发中的CSS布局和背景图像定位技术。
若想让图标显示的位置 在 某个像素和百分比 不起作用 例如如下例子
background-image: url('/i/eg_bg_03.gif');
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 30% 100%;
改为如下： 参考qt - Annoying Background-Position problem - Stack Overflow
border: 1px solid #DEDEDE;
padding: 4px 4px 4px 10px; /* top - right - bottom - left */
background-image: url(:/icons/search.png);
background-repeat: no-repeat;
background-position: left center;
background-origin: content;
但这样 显示的字的位置也变化了
8544
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
