Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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
Html 如何在CSS中使用repeat-x值完成每次重复背景图像后消除白色垂直笔划?_Html_Css_Whitespace_Background Repeat - Fatal编程技术网

Html 如何在CSS中使用repeat-x值完成每次重复背景图像后消除白色垂直笔划?

Html 如何在CSS中使用repeat-x值完成每次重复背景图像后消除白色垂直笔划?,html,css,whitespace,background-repeat,Html,Css,Whitespace,Background Repeat,不太清楚为什么会发生这种情况,但如果我将我的身体背景图像设置为repeat-x值,它会很好地重复,但会在每次重复图像后添加此白色笔划。有人能告诉我这是为什么吗?我以前从未遇到过这种情况。下面你可以看到我的CSS body { font-family: Verdana, Helvetica; margin: 0; padding: 0; background: url("themes/base/images/tausta2.png") repeat-x; color: black; } 问题在于

不太清楚为什么会发生这种情况,但如果我将我的身体背景图像设置为repeat-x值,它会很好地重复,但会在每次重复图像后添加此白色笔划。有人能告诉我这是为什么吗?我以前从未遇到过这种情况。下面你可以看到我的CSS

body {
font-family: Verdana, Helvetica;
margin: 0;
padding: 0;
background: url("themes/base/images/tausta2.png") repeat-x;
color: black;
}

问题在于源映像。如果仔细观察,这有第二个渐变(上下和左右):

ur图像渐变左侧更白,右侧更暗

使用1px宽度的背景图像纠正此错误:


你能展示你的图像和代码以便更好地理解你的css看起来不错,必须是smth。其他的你有没有检查你的图像,看是否有不想要的笔划?这是我正在重复的图像,这是它在网站上的外观:问题在于你的图像,有一个渐变,左侧明显更轻。这不是CSS问题。是的,当你重复它时就会发生这种情况。我编辑了我的答案,以规定您有两个渐变(例如,以两种方式)。您应该只具有上下渐变。左右渐变会产生白色笔划的效果。