html - 文本阴影不适用于 Opera

标签 html opera shadow css

我在使用视差滚动的页面区域中添加了一个文本 block 。此文本 block 具有应用小文本阴影所需的样式规则。 问题是,在 Opera 中,我必须将它设置为 !important,否则它不会执行。相反,它将其设置为:

* {
    text-shadow: transparent 0px 0px 0px,
                 rgba(0,0,0, 0.68) 0px 0px 0px !important
}

奇怪的是,我的代码中没有任何指令告诉它这样做。

它适用于 Firefox。

声明

h1.mainText {
    color: white;
    font-weight: 100;
    font-size: 46px;
    line-height: 1em;
    text-transform: uppercase;
    text-shadow: 0 1px 3px fade(black, 40%);
    margin-top: 186px;
    [...]
}

输出

enter image description here

最佳答案

它是 Opera 字体呈现扩展。刚刚关闭它,它就像一个魅力。

关于html - 文本阴影不适用于 Opera,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22381883/

相关文章:

javascript - 使用 JavaScript 和 servlet 下载文件

html - 导航悬停问题的CSS下拉菜单

internet-explorer - IE 和 Socket.io 兼容性

dom - 分析脚本未从 shadow DOM 发送数据

html - Bootstrap 4 中如何使卡头无边框半径?

html - 使 Span 类响应 + div 之间的间距

css - 在 Opera 中使用 SVG Sprite 渲染效果不佳

CSS3 选取框在 Chrome 和 Opera 中不滑动

ios - 使用定向光、平面和转换阴影来转换阴影

html - 如何使div下的阴影100%宽度