webkit 相关问题

WebKit是一个开源的Web内容引擎,适用于浏览器和其他应用程序,如Apple Safari,Mail,App Store和一些移动浏览器,包括Android,iOS,RIM Blackberry,Symbian和WebOS的预安装浏览器。

Chrome 浏览器的输入范围滑块进度

我正在研究输入类型范围滑块。我发现 Chrome 版本的 input[type=range]::-moz-range-thumb 是 input[type=range]::-webkit-slider-thumb 。 现在,我想要同样的输入[type=

回答 3 投票 0

CMake 错误:包含找不到请求的文件:WebKitCommon

我在 Ubuntu 22.04 WebKitGTK 中编译并安装:https://trac.webkit.org/wiki/BuildingGtk#BuildingWebKitGTKfromareleasetarball 现在我想对 find_package 和 FetchContent 做同样的事情...

回答 1 投票 0

确认()对话框中是/否按钮而不是确定/取消?

在Adobe AIR (HTML/JS)应用程序中,是否可以在confirm()对话框中显示“是/否”按钮,而不是“确定”/“取消”? 任何与 webkit 一起工作的东西都应该可以工作。 这是一个相关的问题,但是...

回答 3 投票 0

如何修复 macOS Sonoma 上 NSTextView 中的 HTML 布局问题?

在 macOS Sonoma (23A5312d) 上,在 NSTextView 中使用 NSAttributedString 时会出现 HTML 表格布局问题。 考虑以下 Swift 代码: 覆盖 func viewDidLoad() { 超级。

回答 1 投票 0

有办法加宽滚动条吗?

作为前言,我对编码完全陌生!这只是我正在学习独自做的一个副业爱好。 我打算使用图像作为滚动条,但我希望图像大于

回答 1 投票 0

简单的 CSS 代码停止工作,需要代码帮助

直到最近,我有一个工作完美的 CSS 代码,但由于某种原因停止工作。我不太精通 CSS 中的文本动画和关键帧,我真的很感激他...

回答 1 投票 0

如何在特定位置启动 CSS3 动画?

我正在使用 CSS3 动画,并且我希望能够移动到动画中的特定位置。例如,如果 CSS 看起来像这样(并假装我使用了所有正确的前缀): @关键帧

回答 2 投票 0

如何防止 webkit 滚动条推过 div 的内容?

我正在使用 webkit-scrollbar,并且遇到了样式问题,因为 webkit 滚动条将 div 的内容推到左侧,导致内容溢出。 注意 第一个盒子使用 d...

回答 4 投票 0

与守护程序的连接无效

我的应用程序正在使用 Firebase Analytics,我相信从 iOS 13.2 开始开始出现此处描述的错误:为什么我收到控制台警告:当我...时,[Process] Kill() 返回意外错误 1

回答 2 投票 0

如何反转CSS图像动画?

我正在尝试构建一个从右到左揭示图像的动画。然而,它似乎并没有按照我预期的方式工作,即使在我改变之后,它目前还是从左到右......

回答 1 投票 0

在 iOS 上禁用输入文本颜色

下面的简单 HTML 在 Firefox 和基于 WebKit 的浏览器中显示不同(我在 Safari、Chrome 和 iPhone 中检查过)。 在 Firefox 中,边框和文本具有相同的颜色 (#880000),但在 Safar 中...

回答 11 投票 0

JavaScript 文件大小是否有最大限制,浏览器可以处理什么?

设计令人难以置信的大型网络应用程序,对于这些大型项目中的文件大小,我们是否有任何上限或限制或最佳实践?我见过的最大的可能是 twitter/gmail,大约有 1mb(最小...

回答 2 投票 0

CSS 调整最小宽度

我想使用 resize css 属性来调整 div 的大小: #foo{ 溢出:隐藏; 调整大小:两者; } 我可以用firefox自由调整它的大小。 使用 chrome/safari,我无法将其调整为小于初始大小...

回答 4 投票 0

不适用于Apple设备的样式

我有一个网站 html 和 css 我有一个图标(SVG) 我添加效果: -webkit-filter: drop-shadow(-4px 5px 6px #0000008c); 或者 阴影(-4px 5px 6px #0000008c); 该效果适用于所有设备,除了...

回答 1 投票 0

有什么方法可以在基于 webkit 的浏览器中强制使用 Javascript 垃圾收集器吗?

在 Internet Explorer 中,我们可以使用以下方法强制执行 Javascript 垃圾回收:CollectGarbage(); 该方法在 Firefox 上未定义。你知道是否有某种等价物...

回答 4 投票 0

webkit-backdrop-filter 在 React.js 中不起作用

我正在 React 网站上工作,尝试向具有一段文本的容器添加模糊效果。无论出于何种原因,模糊都不会显示。我不明白为什么。 任何帮助都会很棒! HTML: 我正在 React 网站上工作,尝试向具有一段文本的容器添加模糊效果。无论出于何种原因,模糊都不会显示。我不明白为什么。 任何帮助都会很棒! HTML: <div className={styles.CardContentContainer}> <div className={styles.ProjectTitle1}> <span>Real Estate</span> </div> ... CSS: .ProjectTitle1 { padding-right: 9px; padding-left: 9px; padding-bottom: 4px; padding-top: 4px; color: white; font-weight: 700; z-index: 1; position: absolute; top: -84px; right: 0px; background-color: #aa1a18; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: var(--main-top-shadow); box-shadow: var(--main-shadow); } 实际上这不是React问题,请注意,background-filter属性充当背景,所以如果你为元素添加背景颜色,看到的将是颜色,你不会注意到模糊效果。但如果你想使用背景颜色,你应该做的是使用较低的不透明度百分比。 您可以将以下示例视为我要解释的内容的参考。 <!DOCTYPE html> <html lang="en"> <style> .ProjectTitle1 { padding-right: 9px; padding-left: 9px; padding-bottom: 4px; padding-top: 4px; color: white; font-weight: 700; z-index: 1; position: absolute; top: 10px; left: 30px; background-color: #aa1a18; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: var(--main-top-shadow); box-shadow: var(--main-shadow); } /* without the background color */ .ProjectTitle1-noBGColor { padding-right: 9px; padding-left: 9px; padding-bottom: 4px; padding-top: 4px; color: white; font-weight: 700; z-index: 1; position: absolute; top:40px; left: 30px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: var(--main-top-shadow); box-shadow: var(--main-shadow); } /* background color with low opacity */ .ProjectTitle1-BGColorOpacity { padding-right: 9px; padding-left: 9px; padding-bottom: 4px; padding-top: 4px; color: white; font-weight: 700; z-index: 1; position: absolute; top: 70px; left: 30px; backdrop-filter: blur(20px); background-color: rgba(255,255,255,0.1); -webkit-backdrop-filter: blur(20px); box-shadow: var(--main-top-shadow); box-shadow: var(--main-shadow); } </style> <body> <div class="container"> <img src="https://picsum.photos/200/300" width="230px" height="250px"> <div class="ProjectTitle1"> <span>Real Estate</span> </div> <div class="ProjectTitle1-noBGColor"> <span>Real Estate</span> </div> <div class="ProjectTitle1-BGColorOpacity"> <span>Real Estate</span> </div> </div> </body> </html>

回答 1 投票 0

Chrome 表单处理问题:输入 onfocus="this.select()"

当用户单击表单字段时,我使用以下 HTML 代码自动选择表单字段中的某些文本: 这在 Fi 中运行良好...

回答 11 投票 0

`text-align: justify`是否均匀拉伸所有空白字符?

Unicode 标准中除了通常的空格和不间断空格之外还有几个水平空白字符。我尝试将其中一些与 text-align: justify 一起使用,在我看来......

回答 3 投票 0

禁用弹性滚动 Chrome/Safari

这个方法对我来说根本不起作用。 有没有更新的现代方法可以做到这一点? 我的客户总是讨厌它,而且我还没有找到禁用它的好方法。 我所说的弹性滚动是指一次...

回答 4 投票 0

CSS 滤镜阴影在 Safari 浏览器中悬停时看起来不同,如何解决?

我用滤镜阴影设置了悬停按钮的样式,如下所示: -webkit-filter: drop-shadow(0 0 0px rgba(0, 0, 0, 0)); 过渡:变换 0.6 秒缓入输出,过滤 0.8 秒缓入输出; 变换:翻译...

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.