《css》专题

问题内容： 我创建了一个非常大的地图，其中包含地图区域内的多个多边形区域（每个区域都超过20个坐标）。但是，您不能将css添加到AREA标签，因为有人告诉我它不是可见元素。我想做的是，当用户将鼠标悬停在地图上的某个区域上时，我希望通过对特定的AREA元素应用1px边框来“突出显示”该区域。有办法吗？不，我不会使用矩形。 问题答案： 如果您希望能够使用任意形状并仍然使用样式，是否考虑过尝试SVG？

问题内容： LESS允许参数混合，例如： 但是，这并不总是适用于过渡等属性。如果您尝试进行多个转换并尝试多次调用mixin，则最后一个mixin会覆盖所有先前定义的转换。这是因为用于定义多个转换的正确CSS3语法是： 我可以想到的将多个转换定义为mixin的唯一方法是重载mixin： 是否有更健壮和简洁的方式来定义过渡混合，以接受可变数量的参数并构造适当的过渡CSS？ 上下文： 有时我想在多个属性

问题内容： 在此MS兼容性表上，它说IE9不支持伪元素和，但是当我尝试时，它似乎支持伪元素… 难道我做错了什么？我认为并且将是隐藏IE9中内容的好工具，而实际上却不是。 问题答案： IE8和更高版本支持CSS2伪元素和（具有传统的单冒号表示法）。它们不是CSS3的新功能。 另一方面，双冒号表示法是CSS3的新功能。IE9 确实 支持and和CSS1伪元素and的新符号。然而，展望未来，没有新的伪元

问题内容： 有没有办法在不使用JavaScript的情况下延迟：Hover事件？我知道有一种方法可以延迟动画，但是在延迟：hover事件上我什么都没看到。 我正在建立菜单之类的-鱼。我想模拟hoverIntent的作用，而不增加额外的JS重量。我更喜欢将其视为渐进式增强，而不是将JS作为使用菜单的要求。 菜单标记示例： 问题答案： 如果效果是基于CSS的，则可以使用过渡来延迟所需的效果。 例如 这

问题内容： 我正在建立一个chrome扩展程序，它将Widget类的东西附加到gmail消息上。当用户位于gmail.com网站上时，它会显示在每封电子邮件（类似于gmail上下文小工具）的下方。 我看了一些像TwitterBootstrap这样的CSS框架，可以在我的应用程序中使用。当我在mywidget中使用它时，由于CSS类名冲突，它与现有的gmail样式弄混了。在没有名称冲突的地方还有其他

问题内容： 这是问题的一个简单示例： myStyle.css 如果要使用脚本，效果很好 解决方案： 1.在文件在线/本地主机时工作 2.在其他浏览器（例如Internet Explorer，Microsoft Edge，Firefox）下工作 3. chrome –allow-file-access-from-files 问题答案： TL; DR：从Chrome 64开始，您需要使用本地开发服务器

问题内容： 我知道这是在黑暗中拍摄的，但是有没有办法仅使用CSS，CSS2，没有jquery，没有javascript来选择和设置元素祖先的样式？我已经遍历了选择器，但是发布了它，以防万一我错过了一些东西或者有一个聪明的解决方法。 例如，假设我有一个嵌套在div中的类名称为“ test”的表。是否有某种： 问题答案： CSS2或CSS3中没有父选择器之类的东西。实际上，可能永远不会存在，因为一旦开

问题内容： 您如何强制HTML5 YouTube视频居中对齐，并最终使用CSS3 HTML覆盖全屏窗口背景？ 例如“ paypal.it ”首页背景或“ unity3d.com/5 ”顶部视频，作为iframe youtube视频。所述盖全屏（变焦）和覆盖所有的宽度和高度，当重新大小的窗口。它调整大小以保持100％最小宽度缩放高度或100％最小高度缩放宽度。 使用HTML5和CSS3 如何实现这种

问题内容： 我如何使用，以及在性能？的，如果我不使用工作正常。但是，如果我使用浮点数，那么它将不起作用。对我来说，在最后一个div中使用至关重要。 我正在尝试遵循，如果您从所有div中删除浮点数，那么它将正常工作： CSS： JSFiddle 问题答案： 您需要设置行高。

问题内容： 我想知道是否有可能在不进行内联样式的情况下修改Css样式表声明。 这是一个简单的例子： 这给出了一个蓝色的书写框，在悬停时变为绿色。 如果我为颜色提供内联样式，则悬停行为将丢失： 无论如何，这都会显示一个红色的书写框。 所以我的问题是，如何能访问和修改css声明对象，而不是用内联样式覆盖样式。 谢谢， 问题答案： 您可以使用与原始样式表相对应的DOM样式表对象上的来修改规则。 请注意，

问题内容： 我要做成这样的桌子 CSS对角线罢工 可以在表格中添加倾斜的对角线边框吗？ 问题答案： 基于CSS3线性梯度解决方案，但角度不是硬编码的：

问题内容： 我注意到将CSS3 功能用作单位不能在最新版本的Chrome中使用。 在Chrome Developer工具中，带有的规则具有 删除线 ，并在其左侧的黄色三角形中带有感叹号。这表示无法识别该属性或值。 如何使它在现代浏览器中运行？因为它是一个值而不是一个属性，所以供应商前缀在哪里？ 更新： 当我说它不起作用时，我的意思是Chrome开发工具在说它无法识别我的用法。我怎么知道它无法识别？

问题内容： 我有2个div，父母和孩子，我希望孩子的左侧（左边框）位于父母的中心。 为什么此代码不起作用？那是给孩子的，不起作用。 CSS： 问题答案： 您需要设置为或：

问题内容： 在某些元素具有自定义CSS属性的应用程序中，是否可以通过JavaScript检索此类值？ 例如 我可以通过以下两种方法访问color属性： 但是这些不适用于自定义属性。完全支持吗？ 问题答案： 浏览器无法理解的CSS值将被丢弃，这说明了为什么无法通过来获取CSS值。 过去，您不得不依靠存储具有数据属性的数据并自己通过JavaScript处理继承。 但是，自此以来，“自定义属性”（也称为

问题内容： 根据介绍，我们可以在jQuery中使用大量CSS选择器，但此处未提及。但是，当我测试以下内容（使用Google的jQuery1.7.1）时，它实际上可以在Firefox，Chrome和IE 9上运行，但不能在IE 8仿真模式下的IE 9上运行： 那是怎么回事？好像jQuery生成了CSS代码一样，并且以某种方式注入了它，然后在支持所用选择器的浏览器上可以正常工作。但这很奇怪。 最重要的