background-image with linear-gradient not shown in medium blogpost #19810
Comments
|
Here's the simplified test case and I'm going to change the title due to not issue of <html>
<style>
a {
text-decoration: none;
background-image: linear-gradient(to bottom,rgba(0,0,0,.68) 50%,rgba(0,0,0,0) 50%);
background-repeat: repeat-x;
background-size: 2px .1em;
background-position: 0 1.07em;
}
</style>
<a href="https://webpack.js.org/">webpack</a> is a brilliant tool for bundling frontend assets.
</html>
|
CYBAI
changed the title
text-decoration: underline not shown in medium blogpost
|
(That being said, that's a gross way of drawing an underline :P) |
|
(Haha, before inspecting it, I won't notice it's an underline in this way :P) |
|
Yeah, this reminds me a lot of #19626. |
They are kinda proud of it at Medium. 😛 Unfortunately I can not reproduce it at the moment. Attached is the rendering as I am seeing it with an up-to-date master. (Medium itself does work too) I will try a nightly build if a new one is released.
|
|
I still see the underlines on my Ubuntu machine but the text is not correctly rendered. The article text has line-breaks at the wrong places and the heading is a different font. jdm confirmed that the underlines are invisible on MacOS. |
|
|
URL: https://slack.engineering/f56a5995e8f1
The first word,
webpack, in the blog post also has this issue but there're more anchors withtext-decoration: underlinein theFurther readingsection; thus, I screenshot the section.In correct way, we should see the underline below the anchors which have the CSS of
text-decoration.In Firefox Nightly:
In Servo (built with aee0d69):
Tested in
macOS 10.12.6The text was updated successfully, but these errors were encountered: