《css》专题

问题内容： 我需要建立一个包含5个选项的菜单，单击某个菜单后，将出现一个新的子菜单。我完全不知道该怎么做。 问题答案： CSS没有点击处理程序。因此，不可能使用标准CSS。您可以使用一种称为“复选框hack”的方法，但是我谦虚地认为，它有点笨拙，并且会像您的用例要求那样在导航菜单中使用，这很尴尬。因此，我建议使用jQuery或Javascript。这是使用jQuery的一种非常简单的解决方案。 基

问题内容： 谁能帮助我，我有两个问题。 我想做的是使用jQuery动态更改CSS类规则。 在上面的示例中，我有一个现在使用jQuery 命名的类，我想仅通过不添加css内联来更改字体大小，而不更改颜色。 我要创建更改并将其保存到文件，请记住，将存在完整的样式表或没有类名将保存在文件中。 我该怎么做才是最简单，更好的方法？ 谢谢！ 问题答案： 据我所知，没有jQuery的方法可以做到这一点。可能有一

问题内容： 我遇到了一个问题，我的css3转换会影响页面上的其他元素，甚至导致它们闪烁。我看到了另一篇关于此的文章，但是他们没有解决该问题的方法。 当您滚动导航时，您会看到动画的css3转换。在Firefox中它可以正常工作而不会闪烁，但是对于chrome和safari，效果非常明显，您可以在下拉菜单项和页脚文本中看到它。 问题答案： 这是Chrome22（显然是Safari）上Macintosh

问题内容： 我正在尝试使三个对象绕一个圆旋转。到目前为止，我已经能够使一个对象绕圆旋转。如果不弄乱代码，我将一无所获。谁能建议最好的方法来做到这一点？这是代码的一部分。谢谢！ 问题答案： jQuery解决方案，适用于任意数量的外部项目。

问题内容： 有没有办法为特定的浏览器加载不同的CSS文件？ 像（伪代码差）： 问题答案： 您想要的理想解决方案不存在： 不幸的是，如果您尝试在HTML本身上进行操作，则不存在跨浏览器解决方案。但是，它将适用于大多数版本的IE。像这样： 所以最好的解决方案是： 这样的Javascript解决方案怎么样：浏览器检测。阅读有关此类的内容以更好地弄清该文件的基本作用，就是这样的概念： 显然，它不仅可以检测

问题内容： 我希望网站上的弹出窗口具有 Vista/7航空玻璃风格的效果，并且它必须是动态的。我很好这不是一个跨浏览器的效果，只要该网站仍然 _适用_于所有现代浏览器。 我的第一次尝试是使用类似 但是，正如我应该预期的那样， 这导致 对话框的 内容 模糊并且背景保持清晰。 有什么方法可以使用CSS来模糊半透明元素的背景而不是其内容？ 问题答案： 由于除FF以外，其他浏览器似乎未广泛支持该属性，因此

问题内容： 是否可以在CSS中交叉淡入淡出5张图像，而无需使用Java脚本？我发现了一个类似的问题： css3 image crossfade没有javascript，但是它只有CSS代码片段；我尝试过，但无法正常工作。我是CSS的新手，所以无法将上一页中提到的CSS链接到以下HTML： 问题答案： 如果您知道有多少张图片，可以使用CSS3轻松完成。 “ -webkit-animation：ima

问题内容： 我有一个包含不同部分的网页，需要将不同的CSS样式表应用于每个部分。我想知道的是如何指定要用于网页每个不同部分的CSS样式表。如果我将它们放在一起，则组件将无法正确显示。 问题答案： 您不能将不同的样式表应用于页面的不同部分。您有几种选择： 最好是使用类名称将页面的不同部分包装在div中： 然后在您的part1 CSS中，为每个CSS规则添加“ .part1”前缀，在您的part2 C

问题内容： CSS 和属性可接受的最大有效值是多少？ （我目前正在构建一个Web应用程序，该应用程序会创建一个非常大的可缩放容器元素，我想知道实际的限制是什么。） 问题答案： 在宽度和高度为10000000000px的元素上使用某些浏览器随附的CSS检查器：

问题内容： 有没有一种方法可以使用javascript更改CSS类的属性？ 我想在用户调用函数changeCSS（）后将display：block更改为display：none，将所有元素都更改为无。 看起来很简单，但我找不到解决方法… 问题答案： 关键是为其他类定义额外的规则，并将这些类添加到元素中，而不是重写给定样式规则的规则。 JS CSS 或使用真正有效的方法（但可能还需要一些特定的样式规

问题内容： 我正在应用CSS转换（以及特定于浏览器的-webkit，-o等）： 转换：matrix（0.5，0，0，0.5，0，0）; 到div，然后在该div的子级上使用jQuery的draggable（）和resizable（）插件。 我遇到的问题是，当拖动或调整子元素的大小时，jQuery所做的更改与鼠标“同步”的距离等于应用的比例。 我找到了一个关于stackoverflow的解决方案（尽

问题内容： 我正在尝试使用以下图像创建自定义光标： 图像尺寸必须保留。我尝试过使用，尽管在FF / Chrome中不起作用。（甚至不检查其他浏览器） 它不起作用的原因是什么？ 问题答案： 问题不仅仅在于您的css代码缺少第二个参数，还在于图像文件。 如果您只是简单地调整大小，请使其变小（我出于测试目的尝试使用32px），它的工作原理就像是一种魅力。 从图像的外观来看，您可能还需要“指针”而不是自动

问题内容： 真的没有办法使用CSS为渐变背景设置动画吗？ 就像是： 我知道，对于Safari 5.1+和Chrome 10+，有一个新的渐变语法，但是现在，对于该项目，我必须坚持使用旧的语法。 问题答案： Webkit渐变尚不支持过渡。它已在规格中，但尚无法使用。 （ps，如果您仅执行颜色转换-您可能要签出-webkit-filters-可以进行动画处理！） 更新：渐变过渡显然可以在IE10 +中

问题内容： 我有一个正在使用CSS3开发的网站，并且具有标题标签： 现在，我希望标题使用其他颜色： 所以我做： 有没有一种方法 不 使用标记，而仅在CSS中将最后一个字指定为其他颜色？ 问题答案： 纯CSS不可能做到这一点。但是，您可以使用 Lettering.js 来获取选择器。 CSS-Tricks 然后，您可以执行以下操作：

问题内容： 在下面的示例中，我想创建一个仅适用于带有文本“ Blockhead”的标头的CSS规则。 我可以使用括号吗？如果没有，我有什么选择？ 问题答案： 不，括号不是CSS选择器中的有效运算符。他们是保留给功能符号，如，和。 无论如何，您不需要它们。本身就可以正常工作。 这是因为选择器和组合器的序列始终是线性读取的。组合器没有任何优先级。选择器可以解释为 选择 紧跟在class类元素之后的元素