程序员经验分享-hwhale

Chrome 51 滚动时出现奇怪的框阴影错误

2024-02-12

所以在制作网站时我发现了一个奇怪的box-shadowChrome 51 上的错误，我的网站有一个固定标题，其中包含box-shadow，当我向上或向下滚动时，框阴影会留下一些标记（水平灰线）：

我也无法在 jsfiddle 上重现这个错误（小提琴的链接 https://jsfiddle.net/coaL2hvL/3/）以及其他浏览器（例如 Firefox 或 Internet Explorer）。

这是一个错误吗？可能是什么问题呢？

UPDATE 1

似乎可以在 Chrome 49 上运行


我遇到了这个错误。 我不知道是什么原因导致这个问题，但有一个简单的方法可以解决这个问题：

为阴影的模糊添加 0.1px

box-shadow: 0 2px 0.1px #yourcolor;

线条应该会以这种方式消失，而且模糊也不会真正可见。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

css

Googlechrome

boxshadow

Chrome 51 滚动时出现奇怪的框阴影错误 的相关文章

  • 可以将position:absolute元素设为粘性吗？

    In CSS position sticky使元素能够显示position static行为 即 它采用文档流中的默认位置 直到到达某个滚动位置 然后采用position fixed行为 那么 这是否意味着我们不能使用position st

  • 无法正确显示行

    我应该在这个问题的开头说我完全没有 html css javascript 背景 所以请对我宽容点 如果我使用了错误的术语或者问了一个愚蠢的问题 没有提供足够的信息 请抱歉 我正在尝试让一个可扩展的表工作 通过阅读论坛线程 教程 将 nex

  • 每 2 行后使 html 表格的边框变厚

    我创建了一个包含一些内容的表 其中有 12 行和 2 列 我想显示边框 但每 4 行之后 我想将水平边框设置为比正常情况更粗 怎么做 请在这里帮忙 试试这个选择器 table tr nth of type 4n td border bott

  • 删除特定数据表上的所有边框

    我需要使用 PrimeFaces 隐藏一个数据表的所有边框 而不是全部 我尝试了很多事情 但没有人奏效 有谁知道该怎么做 我已将以下样式 单独 应用于ui datatable class border hidden important bo

  • 如何将 HTML 转换为 Markdown？

    我有一个类似 stackoverflow 的网站 有一个文本区域 人们可以在其中写答案 我用这个 PHP 库 http parsedown org 转换降价 我的意思是我使用该函数来转换 italic to i italic i inclu

  • 理解 z-index：该元素如何出现在其父级同级元素的前面？

    为什么当我删除时红色 div 位于绿色 div 前面z index from wrapperRed 感觉像z index是沿着链条向上继承的 如果我改变z index将绿色 div 更改为 6 即使删除第一句中描述的行后 它仍保留在红色 d

  • WebGL VS Canvas 2D 硬件加速

    这些天 我需要在画布上画很多图像 画布尺寸为800x600px 我有很多256x256px的图像 有些更小 在上面绘制 这些小图像将在画布上组成一个完整的图像 我有两种方法来实现这一点 首先 如果我使用canvas 2D上下文 那就是con

  • 使用 python 在一个 html 页面中显示分割数据框的 HTML 代码

    我是 html css 新手 所以对以 html 格式显示的数据有疑问 我有一个很长的列表 我想将其拆分并以 html 格式显示为两个单独的列 例如 而不是 Col1 Col2 1 a 2 a 3 a 4 a 5 b 6 b 7 b 8 b

  • 无法使用 BeautifulSoup4 (Python 3) 抓取特定表

    我想从 Ligue 1 足球网站上抓取一张表格 具体来说 该表包含有关卡片和裁判的信息 http www ligue1 com LFPStats stats arbitre competition D1 http www ligue1 co

  • VBA 完成 Internet 表单

    我正在寻找将 Excel 中的值放入网页的代码 Sub FillInternetForm Dim IE As Object Set IE CreateObject InternetExplorer Application IE naviga

  • html 电子邮件内的背景图像 css - Gmail 不支持

    我想向我的用户发送如下所示的带有背景图像 css 的 html 正文电子邮件 div style width 500px height 1000px background color black background image none

  • 浮动图像周围具有最小列宽的流动文本

    我想要一种方法来防止流动文本列变得太窄 例如 在一列 HTML 文本中 有一个图像浮动到左侧 正如预期的那样 文本沿着图像周围的列的右侧向下流动 但是 如果图像几乎与列一样宽 则文本最终会非常窄 在这种情况下 我希望文本简单地not流过图像

  • VueJS 中数据无法正确显示

    我的 VueJS 代码有一个小问题 在 输出 压缩的 GS1 数字链接 URI 部分中 When there is no result it should have nothing display like this I have remo

  • 如何在其他div id的悬停中使用div显示块

    如何打开div悬停时标记href tag 这是我在悬停 href 标签上显示 div 标签的代码 Services is id of href tag Services is id of div tag Service hover Serv

  • SignalR 更新无法在 Chrome 上正常运行

    我创建了一个带有 SignalR 通知的 ASP MVC 4 应用程序 我在本地以调试模式运行它 并通过 IIS 发布在服务器上运行它 使用 Internet Explorer 11 时 这基本上可以正常工作 稍后解释 HTML1300 N

  • 如何使用 Scrapy 从网站获取所有纯文本？

    我希望在 HTML 呈现后 可以从网站上看到所有文本 我正在使用 Scrapy 框架使用 Python 工作 和xpath body text 我能够获取它 但是带有 HTML 标签 而且我只想要文本 有什么解决办法吗 最简单的选择是ext

  • 删除 IE9 边缘周围的 2px 灰色边框

    我正在尝试对这个网站进行编码 尝试关键字 并且我正在尝试找出如何删除这个阴影2px灰色边框延伸到 IE9 窗口的内部 至少顶部 左侧和底部 我的边距设置为零 因此所有页面元素都到达页面的最边缘 但使用 IE9 它们会停在这个灰色边框处 我没

  • javascript 选择自定义光标 (svg)

    我正在动态地将光标更改为悬停时的本地 svg element on mouseover function this css cursor url svgs pointer svg 9 30 auto 工作正常 但我想选择该 svg 来操纵其

  • 如何使使用 css 调整大小的图像在 IE 中看起来不错？

    当使用 css 宽度 高度或属性宽度 高度缩放图像时 IE6 和 IE7 无法很好地缩放网页中的图像 我不确定它默认使用哪种算法 但这不好 在这些浏览器中缩放时 缩放图像会显示锯齿伪影 幸运的是 有一种方法可以通过简单的 css 规则强制

  • 从 PHP 数组生成 HTML 表

    我不明白这一点 我需要解决看似简单的问题 但这超出了我的逻辑 我需要编写一个函数 table columns input cols 它将输出一个表 示例 input array apple orange monkey potato chee

随机推荐

  • swig 用变量扩展模板类

    我正在为模板类构建 Swig 接口 在我的 pyinterface i 文件中 我声明 template myclass MyClass

  • Matlab 3d 体积可视化和 3d 叠加

    问题几乎就是标题 我有一个作为原始数据加载的 3d 体积 256 256 256 size A 它仅包含零和一的值 其中 1 代表结构 0 代表 空气 我想在 MATLAB 中可视化该结构 然后对其运行算法并在其上覆盖一个覆盖层 假设颜色为

  • node-mysql 一个查询中的多个语句

    我在用着nodejs 10 26 express 3 5 node mysql 2 1 1 MySQL Server Version 5 6 16 我有 4 个 DELETE 只需要 1 个数据库请求 所以我用 连接 DELETE 命令 但

  • Flask url_用于生成 http URL 而不是 https

    我在用url for当用户注销时生成重定向 URL return redirect url for index external True 但是 当我将页面更改为https连接 将url for仍然给我http 我想明确询问url for

  • Laravel 空白白页

    我在群组中的获取路线有问题 这是我的代码 Route group prefix gt commodities function Route get commodities as gt showCommodities uses gt Comm

  • Python格式整数转换为固定长度字符串[重复]

    这个问题在这里已经有答案了 我想根据一个生成一个字符串int和零一起 并且长度应该始终为5不多也不少 For example Consider a Integer 1 Formatted String 00001 Consider a In

  • 什么是私有字节、虚拟字节、工作集？

    我正在尝试使用 perfmon windows 实用程序来调试进程中的内存泄漏 这是 perfmon 对这些术语的解释 工作集是该进程的工作集的当前大小 以字节为单位 工作集是进程中的线程最近接触的内存页集 如果计算机中的可用内存高于阈值

  • 为什么要对参数进行 null 转换？ [复制]

    这个问题在这里已经有答案了 何时以及为什么有人会做以下事情 doSomething MyClass null 你曾经这样做过吗 您能分享一下您的经验吗 If doSomething已重载 您需要将 null 显式转换为MyClass因此选择

  • 计算给定月份的前 12 个月 - SimpleDateFormat

    我试图将给定月份 取自数据库 中的前 12 个月放入数组列表中 List

  • 如何强制 Apollo Client 使用缓存数据

    我们有一个最初加载小部件列表的应用程序 query Widgets widgets Widgets fragment Widgets on Widgets name description rootWidget widgets Widget

  • 由于“权限被拒绝”，docker compose down 失败

    跑步时docker compose stop它无法停止 docker 镜像 并给出如下错误 ERROR for nginx cannot stop container 5f5ed6d2110a0d845508ede160d8196d3e01

  • Scrapy + Splash：无法选择元素

    我正在学习使用 scrapy 和splash 作为练习 我正在尝试访问https www ubereats com stores https www ubereats com stores 单击地址文本框 输入位置 然后按 Enter 按钮

  • 运行“npmauditfix--force”会降级反应脚本

    我的 React 项目有一个很大的问题 我正在尝试更新项目中的库 但出现了问题 错误的 这是package json 请注意 react scripts版本设置为 4 0 3 name server version 1 1 0 descri

  • 未能找到构建工具修订版 21.1.1 - sdk 是最新的

    我正在运行 linux android sdk 安装 我的新项目需要构建工具 21 1 1 不知何故 这个构建工具不存在 尽管我的sdk是最新的 但在build tools文件夹中现在有android 4 4W文件夹 android 更新

  • 如何让 CMake 使用系统路径上的默认编译器？

    目前 我从构建目录调用 CMake 如下所示 CXX opt gcc 4 8 bin g cmake 让 CMake 使用这个特定的编译器 否则它使用操作系统默认编译器 我的路径有 opt gcc 4 8 bin那么 有没有办法在 CMak

  • Orchard CMS 中的 Work<> 类有什么用？

    简单明了 它的用例是什么Orchard Environment Work lt gt 类定义于Orchard Environment WorkContextModule cs 它可以在几个地方找到 例如 private readonly W

  • 将排序描述符应用于从模板创建的 NSFetchRequest

    我在核心数据模型中定义了一个名为 RemainingGaneProjections 的提取请求 我想执行该获取请求并按实体的属性之一对结果进行排序 我的代码如下所示 NSFetchRequest projectionsRequest mod

  • 如何防止/检测使用 EXP() 的 Postgresql 计算中的下溢

    在使用 EXP x 函数的查询中 我收到一个值超出范围 来自 pgsql 的下溢错误 x 的什么值会触发此操作 我该如何预防或检测它 函数 exp 称为指数函数 其反函数是自然对数 或以 e 为底的对数 数字 e 通常也被定义为自然对数的底

  • 在 Javascript 中获取查询字符串数组值[重复]

    这个问题在这里已经有答案了 我有一个使用 get 方法并包含一个数组的表单 http www example com name hello name world 我正在尝试使用 JavaScript 或 jQuery 检索数组值 hello

  • Chrome 51 滚动时出现奇怪的框阴影错误

    所以在制作网站时我发现了一个奇怪的box shadowChrome 51 上的错误 我的网站有一个固定标题 其中包含box shadow 当我向上或向下滚动时 框阴影会留下一些标记 水平灰线 我也无法在 jsfiddle 上重现这个错误 小

热门标签