Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
是否可以定位背景图像+;有使用CSS的渐变背景吗?_Css_Background_Webkit - Fatal编程技术网

是否可以定位背景图像+;有使用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支持,所以您很幸运。:)

否,该元素具有流体宽度。我可以做图像透明的人造填充,但我希望有其他的方法来做,而不是走这条路。