是否可以定位背景图像+;有使用CSS的渐变背景吗?
我试着在背景图像周围填充一些东西,背景图像在元素的右边,元素也有渐变背景 我曾尝试使用是否可以定位背景图像+;有使用CSS的渐变背景吗?,css,background,webkit,Css,Background,Webkit,我试着在背景图像周围填充一些东西,背景图像在元素的右边,元素也有渐变背景 我曾尝试使用背景原点定位图像,但这也会改变背景渐变 下面是我的例子: 注 这仅适用于基于Webkit的浏览器 元素周围没有额外的包装器 元素宽度是流动的 这种方法有效 a:after { display: block; content: ''; width: 25px; height: 28px; margin: -5px -8px; float: right;
背景原点
定位图像,但这也会改变背景渐变
下面是我的例子:
注
- 这仅适用于基于Webkit的浏览器
- 元素周围没有额外的包装器
- 元素宽度是流动的
a:after {
display: block;
content: '';
width: 25px;
height: 28px;
margin: -5px -8px;
float: right;
background: url(http://i.min.us/jc808I.png) no-repeat;
}
它在较旧的IEs中不起作用,但您只需要WebKit支持,所以您很幸运。:) 否,该元素具有流体宽度。我可以做图像透明的人造填充,但我希望有其他的方法来做,而不是走这条路。