Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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/css/39.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 内联svg边界错误_Html_Css_Svg - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 内联svg边界错误

Html 内联svg边界错误

html css svg

Html 内联svg边界错误,html,css,svg,Html,Css,Svg,我正在与一个奇怪的问题斗争几天。我在我的网站上使用大三角形。我知道如果我用png或其他格式制作三角形，很有可能看起来很脆。这就是我选择svg方法的原因 第一件事是svg元素下的一个大边框。只需添加verticalalign:top到svg元素 问题是，在某些浏览器中，它是非常有缺陷的。某些浏览器在调整大小时会在其下方显示一条线。有时这条线总是在那里 下图说明了问题所在，调整大小后，这将应用于safari 10.1： 应该是这样的 svg绝对位于 有谁曾经遇到过这个问题，可以帮我解决这个问题吗

我正在与一个奇怪的问题斗争几天。我在我的网站上使用大三角形。我知道如果我用png或其他格式制作三角形，很有可能看起来很脆。这就是我选择svg方法的原因

第一件事是svg元素下的一个大边框。只需添加
verticalalign:top到svg元素

问题是，在某些浏览器中，它是非常有缺陷的。某些浏览器在调整大小时会在其下方显示一条线。有时这条线总是在那里

下图说明了问题所在，调整大小后，这将应用于safari 10.1：


应该是这样的


svg绝对位于


有谁曾经遇到过这个问题，可以帮我解决这个问题吗？
谢谢你们的帮助，非常感谢

我最终得到了一个（肮脏的）修复

与底部对齐的元素我给出了一个
transform:translate（0,0.4px）

与顶部对齐的元素我给出了一个
变换：translate（0，-0.4px）


目前看来，这似乎是一个不破坏布局的好办法
 为什么可以使用：：before和：：after元素它更简单。当然我可以使用before或after，但我不明白为什么它更好。我认为这不能解决任何问题。摆弄它。否则就很难说具体了。如果你想得到帮助，你需要创建一个向导，这样我们就可以看到你想做什么。在调整safari的大小时尝试一下。在iphone上，该问题在任何浏览器的纵向模式下都会出现。新小提琴：