Html 防止无溢出的背景溢出:隐藏

Html 防止无溢出的背景溢出:隐藏,html,css,svg,Html,Css,Svg,在中,我目前正在使用overflow:hidden on the header来防止后台溢出,它属于它的一个子输入,而SVG DISPEY error被backgroundfix攻击 然而,我发现我必须将溢出保留为其默认值,因为它会干扰站点中的其他内容 如何在不使用overflow属性的情况下切断或防止输入背景溢出?希望以得到广泛支持的方式 HTML: 去掉backgroundFix div,在另一个有背景的div上添加这些css规则 background-position: 2px; left

在中,我目前正在使用overflow:hidden on the header来防止后台溢出,它属于它的一个子输入,而SVG DISPEY error被backgroundfix攻击

然而,我发现我必须将溢出保留为其默认值,因为它会干扰站点中的其他内容

如何在不使用overflow属性的情况下切断或防止输入背景溢出?希望以得到广泛支持的方式

HTML:


去掉backgroundFix div,在另一个有背景的div上添加这些css规则

background-position: 2px;
left: 20%;
top: -200px;
background-size: cover;

去掉backgroundFix div,在另一个有背景的div上添加这些css规则

background-position: 2px;
left: 20%;
top: -200px;
background-size: cover;

我认为您应该摆脱对糟糕的SVG显示的攻击,改为修复SVG。这个问题的解决方案应该对你有所帮助

总结一下:问题可能是在计算图像某些部分的尺寸时存在舍入误差。没有白色条纹,但渲染到整个像素时会弹出。将内部坐标四舍五入为整数,白色条纹应消失


摆脱溢出,摆脱backgroundfix,使用修复后的SVG。然后它应该可以工作。

我认为您应该摆脱对糟糕的SVG显示的攻击,转而修复SVG。这个问题的解决方案应该对你有所帮助

总结一下:问题可能是在计算图像某些部分的尺寸时存在舍入误差。没有白色条纹,但渲染到整个像素时会弹出。将内部坐标四舍五入为整数,白色条纹应消失



摆脱溢出,摆脱backgroundfix,使用修复后的SVG。然后它应该会工作。

请不要发布到实时网站的链接。这些将在将来消失或修改。在这里发布相关代码并将其放在上面,或者您可以将输入子项包装在一个新的div中,并将其设置为溢出?假设你给它的宽度和高度与标题相同。@badAdviceGuy这是个坏建议吗?我宁愿不更改html。但我只是试过了,不,我不能。这仍然会干扰站点的其他部分。溢出的问题到底是什么?它是如何干扰的?@Palec当我试图使用jQuery修复它时,它会隐藏我的标题。请不要发布链接到实时网站。这些将在将来消失或修改。在这里发布相关代码并将其放在上面,或者您可以将输入子项包装在一个新的div中,并将其设置为溢出?假设你给它的宽度和高度与标题相同。@badAdviceGuy这是个坏建议吗?我宁愿不更改html。但我只是试过了,不,我不能。这仍然会干扰站点的其他部分。溢出的问题到底是什么?它是如何干扰的?@Palec当我试图使用jQuery修复它时,它会隐藏我的标题。我无法删除backgroundFix div。当视口足够宽时,它会修复svg背景中的一个错误。@gomangomango我想dave知道这一点。这段代码也应该修复它。你使用的修复真的…笨拙。顺便说一句,这个问题应该在SVG本身中解决@帕莱克啊,好的。它能工作,但我在左边有一条奇怪的白色垂直条纹。这是一张图片:戴夫,请看我上面的评论。@gomangomango第三次:阅读我在评论中链接的问题,同时获得3票。当计算图像某些部分的尺寸时,问题可能是舍入误差。没有白色条纹,但渲染到整个像素时会弹出。将里面的坐标四舍五入为整数,白色条纹应该消失。我无法删除backgroundFix div。它修复了svg背景中的一个错误,当它在视口足够宽时重复出现。@gomangomango我想dave知道这一点。这段代码也应该修复它。你使用的修复真的…笨拙。顺便说一句,这个问题应该在SVG本身中解决@帕莱克啊,好的。它能工作,但我在左边有一条奇怪的白色垂直条纹。这是一张图片:戴夫,请看我上面的评论。@gomangomango第三次:阅读我在评论中链接的问题,同时获得3票。当计算图像某些部分的尺寸时,问题可能是舍入误差。没有白色条纹,但渲染到整个像素时会弹出。将内部坐标四舍五入为整数,白色条纹应消失。