背景图像周围的空白

enter image description here

的代码如下：

.class-of-div{ 

background: #00b5ff url(../img/cart.png) no-repeat; 

background-position: 34px 4px; 
}

这发生在所有的浏览器

来源

2013-08-07 user1860754

对不起，正在更新链接 – user1860754

我认为这不是一个CSS问题。你是从photoshop出口吗？ - @ user1860754 – Nitesh

去由没有图像，设置背景图片为100％的宽度;

background-size:100%;

来源

2013-08-07 06:26:27

dosen't工作，我已更新链接（http://instafynd.com/problem.PNG）。能否请您再检查 – user1860754

尝试设置display：inline-block;或显示：块;到你的形象。如果您可以使用css3，请使用background-size: cover;您可以使用background-position: top left;或同样。

来源

2013-08-07 06:27:52

这么想的工作:(。 – user1860754

地方一些代码 –

添加到您的CSS

*{padding:0px; 
margin:0px;}

来源

2013-08-07 06:42:01

按我对问题的理解，我创建了一个小提琴解决您的问题。请找到小提琴here

我在div周围添加了一个边框，并设置了一个高度，以便清楚显示图像周围没有空白区域。

.class-of-div{ 
    background: #00b5ff url('http://instafynd.com/problem.PNG') no-repeat 34px 4px; 

    height: 200px; 
    border:1px solid #f00; 
}

让我知道它是否能解决您的问题。

来源

2013-08-07 06:45:13

谢谢您的回答。这是一个图形的问题，Photoshop的“另存为网页”实际上是创造空间（不知道为什么），但一旦我从“另存为”保存文件，它工作正常。 – user1860754

如果你一直保持一类的图像，比试试这个代码：

.class-of-div { 
    background: #00b5ff url(../img/cart.png) no-repeat; 
    background-position: 34px 4px; 
    margin: -8px 0 0 -6px; 
}

或简单地使用下面的代码：

body { 
    margin: 0px; 
}

它比上面非常简单。

来源

2013-08-07 07:18:03 Ravichandra

html, body { 
    margin: 0; 
    padding: 0; 
}

来源

2013-08-07 07:23:26 NinjaOnSafari

谢谢你的回答。这是一个图形问题，photoshop“保存为网络”实际上是创建该空间（不知道为什么）。但是，一旦我从“另存为”保存文件。它工作正常。 – user1860754

问题形象。下载或创建其他。不是CSS问题。

来源

2013-08-07 07:41:35 Anon

谢谢你的回答。这是一个图形问题，photoshop“保存为网络”实际上是创建该空间（不知道为什么）。但是，一旦我从“另存为”保存文件。它工作正常。

来源

2013-08-08 13:35:46 user1860754

[将您的答案标记为答案]（http://meta.stackexchange.com/a/2729/230848） –

请勿使用photoshop的“保存为网页” - 请使用“另存为”。 :)

来源

2013-09-05 19:06:25 ZeekLTK

这是在photoshop和类似的应用程序，导致这一点的网络选项的保存。我在iPad上使用Adobe Illustrator Draw时遇到了同样的问题。如果您用于制作图像的应用程序没有“另存为”选项而不是“导出为网页”，请尝试使用“预览”（mac）或在窗口上绘制以将其裁剪掉。

来源

2017-04-02 15:28:32 tomcully

背景图像周围的空白

回答

相关问题