postcss-write-svg 如何支持rgba

发布于
2019-09-26

postcss-write-svg使用过程中存在的问题是

svg(1px-border param(--color $vborder)

中vborder的取值不能带有透明度，比如

$vborder:rgba(7, 17, 27, 0.1);

即便转换为十六进制8位$vborder:#07111B19;在国内的许多手机端浏览器也无法解析这个透明度值。官方插件3年没更新了。所以还有其他解决方法吗？

postcss rgba svg css scss

阅读 1.3k

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？
纯css绘制倒过来的等腰梯形的样式。而且可以把梯形的背景色调整为无色。可以接受复杂代码（比如布局复杂，单个div单个css样式是无法完成，需要多个div搭配多个样式），但是至少满足以下要求（1）可以调整边框的颜色大小粗细等，（2）可以调整边框内外阴影（3）梯形里面还能放文字
3 回答5.1k 阅读✓ 已解决
css布局怎么保证右边一直在可视范围内？
如下：灰色和红色的高度都不确定，怎么保证左边高度太高需要滚动时右边一直能在可视范围内？ {代码...}
5 回答2k 阅读
图片沿着圆环的转动有什么方法吗？
这种怎么让他沿着圆圈转起来呢，有什么css或者什么技术吗？该怎么切图呢，最好有个例子是最好的了，谢谢没有什么思路
2 回答1.9k 阅读✓ 已解决
flex相关 flex: 1的子元素如何宽度能100%且不溢出？
{代码...} 正常一般就是在item上加overflow: hidden，但是想不改动item，只改里面的元素，是否不可能实现？
1 回答3k 阅读✓ 已解决
CSS如何巧妙实现标题居中、关闭按钮居右效果？
比方说这个，父盒子有左右 padding，中间是标题，右边是关闭按钮。有不通过定位的方式，巧妙实现么？
3 回答2.4k 阅读
如何用 CSS 实现卡片顶部内凹效果？
问题描述用 HTML、CSS 实现一个宽度为 300px, 高度为 auto 的长方形卡片，要求：卡片圆角 20px背景使用渐变色进行填充边框 2px，边框颜色是与背景色不同的另一种渐变色卡片顶部有小幅度的内凹效果，也就是说长方形顶部那条边为弧线，其他三边为直线。目标效果截图为卡片顶部部分。
5 回答1.8k 阅读
如何处理 CSS calc() 函数中的单位不一致问题？
当你在 calc() 中混合使用不同单位（如百分比和像素）时，如何确保计算结果符合预期？
4 回答2.2k 阅读

相似问题

postcss-write-svg实现1px边框
3 回答5.8k 阅读✓ 已解决
PostCSS如何正确处理类似“#{$Interpolation}”这样的SASS语法
1 回答3.3k 阅读
postcss 哪个插件支持“//”注释
1 回答5.8k 阅读✓ 已解决
vscode如何postcss语法并且对其支持emmet和格式化操作
3 回答16.6k 阅读✓ 已解决
如何更改 svg 元素的颜色？
2 回答1.1k 阅读✓ 已解决

找不到问题？创建新问题

postcss-write-svg 如何支持rgba

你尚未登录，登录后可以

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？

图片沿着圆环的转动有什么方法吗？

flex相关 flex: 1的子元素如何宽度能100%且不溢出？

CSS如何巧妙实现标题居中、关闭按钮居右效果？

如何用 CSS 实现卡片顶部内凹效果？

如何处理 CSS calc() 函数中的单位不一致问题？