问题标签 [css-hack]

I have some simple CSS which uses the property background-size to force the background to fill the page.

This code breaks on Internet Explorer 8 and lower, due to the lack of support for the property background-size. Using this polyfill code, its possible to add IE8 support to this code. However, the code still breaks on IE7 and lower.

Is there any solution to this?

出于某种原因，Chrome 显示此跨度异常高于 FireFox。

结果，我编写了以下 CSS：

以下是 HTML：

虽然这在 Chrome 中有效，但现在 FireFox 显示跨度很高。如果我在 FireFox 开发人员工具中将 margin-top 设置为 100%，那么它是完美的，但是 Chrome 上 100% 的 margin-top 会向上发送跨度。

我能做些什么？我发誓这是几周前的工作。我希望 Firefox 甚至不会在 CSS 中找到 span.justForChrome 选择器规则

提前致谢

更新

万一其他人正在经历这个，我想我会展示最终奏效的方法。无论是我必须编译 Angular 应用程序，它会创建一个新的“捆绑”样式表，还是因为我将媒体查询放在 scss 文件的末尾，我不知道，但这里是媒体我在 scss 文件末尾使用的查询，它有效：

目前该网站仍处于测试阶段，但这里有一个：

“购物车”一词和数字都在导航栏的“基线”上。

像往常一样，感谢所有的帮助。

样式表完成加载后如何运行函数？

这是我的代码..

我正在使用这个众所周知的技巧来使等宽字体使用与比例字体相同的字体大小：

因为默认是让浏览器使用较小的尺寸来表示等宽，而不同的浏览器使用不同的尺寸，所以这个技巧是一种让不同浏览器看起来更相似的方法。

但是，我刚刚发现这在大多数 Android 浏览器上都不起作用！显然，monospace, monospace在基于 Chrome 的移动浏览器中被认为是一个错误，它们使用默认的比例字体代替。（火狐没问题。）

那么，有人知道解决方法吗？我尝试了类似的变体monospace, serif，但这也不起作用。

最近我遇到了一些我最终使用 CSS hack 的情况，以便用户能够将用于文本编辑的光标放置在 contenteditable div 中的先前位置。我的具体情况与以下情况接近：

我的猜测是问题在于段落中没有可选的内联元素，因此浏览器（我使用的是 Chrome）不允许用户将光标放在那里。在段落中的标签上设置显示样式可以<br/>解决这个问题，但感觉很hacky。这个解决方案对我们的目的来说很好，但为了将来参考，我想知道是否有任何类型的规范来确定什么是 contenteditable div 中的有效文本输入位置。我做了一些谷歌搜索并没有找到太多，尽管我可能只是不知道这个问题的正确措辞。

旁注 - 文档的结构是一个现有的实现，我目前没有寻找替代方案。特别是，<br/>标签是依赖项中的一个实现细节，并且基于他们的一些问答内容，这不太可能改变。

编辑：堆栈片段而不是 Codepen

我正在尝试将超链接转换为图标，同时将内容文本转换为工具提示。问题是我在一个只有 CSS 可以玩的地方工作，我不能修改 HTML 或添加任何 Javascript。我正在从表中的外部源检索数据，其中一列是超链接-我想将其转换为带有文本内容的图标，作为悬停时的工具提示方式。

下面剪断了我已经走了多远，有什么方法可以使:hover零件的外观、感觉和行为更像工具提示？或者是否有另一种方法可以完全实现我所追求的？

我必须访问仅在特定时间段内可用的网页。

该按钮被锚标签和java voids按住，我不知道如何绕过这个来访问网页。

这是导致下一个弹出窗口的按钮，提示您不能参加此评估：

当我 检查 Chrome 上的按钮时，可以看到以下代码。

它在锚标签内。

我在时间范围内单击了相同样式的上一个按钮，之后，“进行评估”按钮更改为“查看结果”按钮，该按钮打开了我原本打算访问的网页。

Inspecting of this button of this button使用javascript:void(0) 语句打开了以下代码

这是我第一次 想从“参加评估”按钮而不是“查看结果”按钮访问网页。请帮忙

我正在尝试做一个边框的斜角。我需要实现这一点，但我不知道如何。我尝试了之前和之后的伪元素，但是在透明之后，它就不起作用了。

边框为蓝色，背景需要透明。

图片：边框

我想在这里实现的是当用户悬停在每个“.child”元素上然后转换比例并显示“.toggle”元素但保持同级元素的高度。问题是兄弟元素扩展并在下图中显示了空白空间。纯CSS如何实现？

见代码沙盒演示

更新：我现在通过在悬停时添加内部 div 包装器元素解决了这个问题，内部将是绝对位置。