【问题标题】:Setting stroke-width to 0 compatible with Android browser将 stroke-width 设置为 0 兼容 Android 浏览器
【发布时间】:2013-03-13 03:52:13
【问题描述】:

我正在尝试使用以下样式将笔划的宽度设置为 0:

.link {                                                                                                               
   stroke: #6E6E6E;                                                                                                    
   stroke-width: 0px;                                                                                                  
} 

这在 Chrome、Safari 和 Android 上的移动版 Chrome 中运行良好。但是,它不适用于 Android Mobile 浏览器(默认浏览器)。笔划宽度显示为 1px 而不是 0px。我试过 -webkit-stroke-width: 0px; 但这也不能解决问题。

【问题讨论】:

  • 你试过不带单元的吗(例如stroke-width: 0)?
  • 确保您有兼容的版本:caniuse.com/text-stroke
  • 为什么要使用 0px 的笔触宽度,而不是“stroke:none”?
  • @Riskbreaker 问题是关于 SVG 的笔画宽度(参见标签),而不是关于文本笔画。

标签: html css svg


【解决方案1】:

我在旧版 Chrome 中遇到过这个错误,请参阅https://code.google.com/p/chromium/issues/detail?id=15461

尝试两种解决方案:stroke: none 或 stroke-width: 0.000001

【讨论】:

  • 感谢 bud,成功了!在可能的情况下将接受作为答案
猜你喜欢
  • 2013-03-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-11-25
  • 2012-10-19
相关资源
最近更新 更多