《css》专题

问题内容： 每当鼠标仅用CSS悬停在图像上时，我都试图在图像上添加透明的黑色覆盖层。这可能吗？我尝试了这个： 但是我无法让div出现。 问题答案： 我建议使用伪元素代替overlay元素。由于伪元素不能添加到封闭的元素上，因此您仍然需要包装该元素。 至于CSS，请在元素上设置 可选尺寸，并相对放置它。如果您希望获得自适应图像，则只需省略尺寸即可，但仍然可以使用（示例）。值得注意的是，尺寸必须位于父

问题内容： 我敢肯定，这一定是以前提到过/提出来的，但是一直在寻找一个没有运气的年龄，我的术语一定是错误的！ 我模糊地记得我前一段时间看到的一条推文，它暗示有一个CSS规则可用，该规则将删除样式表中先前为特定元素设置的所有样式。 一个很好的使用示例可能是在移动优先RWD网站中，在小屏幕视图中用于特定元素的许多样式需要针对桌面视图中的同一元素进行“重置”或删除。 一个css规则可以达到以下目的： 用

问题内容： 无法使此动画图像正常工作，它应该进行360度旋转。 我猜下面的CSS有点问题，因为它保持静止。 问题答案： 这是 正确的动画CSS： 有关代码的一些注意事项： 您已将关键帧嵌套在规则中，这是不正确的 不适用于绝对定位的元素 看看caniuse：IE10不需要前缀

问题内容： 显示属性和可见性属性之间有何区别？ 问题答案： 该属性仅告诉浏览器是否显示元素。它是可见的（-您可以看到）或不可见的（-您看不到）。 该属性告诉浏览器 如何 绘制和显示元素（如果有的话）-是将其显示为元素（即，与文本和其他内联元素一起流动）还是-level元素（即，具有height和width属性，你可以设置，它的浮动等），或（即它的作用就像一个黑匣子，但奠定了直列代替）和其他一些人（

问题内容： 我想做的事情（显然不在IE中）是： 这将使文本节点具有页边空白。（甚至有可能吗？）如何使用CSS获得文本节点？ 问题答案： 文本节点不能具有边距或任何其他样式，因此，您需要样式应用的所有内容都必须在元素中。如果您希望元素内部的某些文本的样式不同，则将其包裹在或中。

问题内容： 我一直在尝试寻找在Chrome中进行仿真的代码，但是即使触发了“ mouseover”侦听器，也从未设置CSS“ hover”声明！ 我也尝试过： 但是似乎没有什么可以将元素更改为其声明中声明的内容。 这可能吗？ 问题答案： 由于用户交互或作为DOM更改的直接结果而由用户代理生成的事件，由用户代理信任，其特权不提供给脚本通过DocumentEvent.createEvent生成的事件。

问题内容： 我有一个现有的网站，上面有很多用表格布置的旧页面和表格，我正尝试逐步过渡到CSS。我想使用Twitter Bootstrap样式表-特别是表单样式- 但仅在我明确要求它们的页面部分中使用。例如，我可能将整个表单围绕在div中，如下所示： 我希望所有其他形式保持与现在相同，因为我将无法同时更改所有形式。有没有简单的方法可以做到这一点？我可以遍历Bootstrap CSS中的每种样式，并添

问题内容： 我有许多heroshot图像，单击它们时会弹出模式弹出窗口。我试图使光标在图像上移动时变成放大镜。即使我的位置正确，以下CSS也似乎无法正常工作。 有没有人做过类似的事情？我不介意一个JavaScript解决方案（如果存在）。 编辑 ：它可以在Safari中，但不能在Firefox中使用。 问题答案： 您的问题可能是光标URL在Mac的Firefox中不起作用。 通过使用关键字，可以在

问题内容： 我不知道为什么这个简单的CSS无法正常工作… 应该切断第四次“测试” 问题答案： 仅在满足以下条件时起作用： 元素的宽度必须限制为（像素）。宽度（百分比）无效。 元素必须具有并设置。 您在这里遇到问题的原因是因为您的元素的不受限制。您确实有一个设置，但是因为该元素设置为（即默认值），所以它忽略了它，并且也没有其他任何约束其宽度的方法。 您可以通过执行以下任一操作来解决此问题： 将元素设

问题内容： 我正在学习一些CSS来调整我的项目模板。我遇到了这个问题，但在网络上找不到明确的答案。在CSS中使用@import或link有区别吗？ 使用@import 链接的使用 最好的方法是什么？为什么？谢谢！ 问题答案： 从理论上讲，它们之间的唯一区别是CSS机制包含样式表和HTML机制。但是，浏览器对它们的处理方式不同，因此在性能方面具有明显的优势。 史蒂夫Souders的写了大量的博客文章

问题内容： 我知道星号在CSS选择器中有什么作用（星号有什么作用？，但是在属性名称中它有什么作用？这是YUI使用的CSS的示例。我不知道该怎么办。 问题答案： 这是语法错误。因此，在CSS中，它会使属性名称无效并停止对其进行解析。 由于浏览器中的错误，有时会忽略它。这有效地导致该属性仅适用于具有该特定错误IE7的浏览器。 通常，应避免使用条件注释。

问题内容： 我在表中有一个复选框列表。（该行中的多个CB之一） 我想用一对自定义的开/关图像替换复选框图像，我想知道是否有人对如何使用CSS更好地了解？ 我已经找到了这个“ CSS ninja”教程，但是我不得不承认发现它对我来说有点复杂。 据我所知，您可以使用伪类 我的期望是，通过添加上述CSS，该复选框至少将默认显示为处于OFF状态的图像，然后添加以下内容以使ON 不幸的是，似乎我在某处缺少关

问题内容： 我有这样的布局： 使用以下CSS规则： 我使用jQuery将类添加到没有其他类之一的扇区中，或者： 然后，我对该类应用一些不同的规则： 一切都可以在现代浏览器中完美运行。 但是看到jQuery中的选择器是基于CSS3的，我想我可以将其直接移到样式表中，这样我就不必依靠使用jQuery添加额外的类了。此外，我对支持IE的较旧版本并不感兴趣，其他浏览器也对选择器提供了出色的支持。 因此，我

问题内容： 如何使两个CSS动画 以不同的速度 播放？ 图像应同时旋转和增长。 旋转将每2秒循环一次。 生长将每4秒循环一次。 示例代码： 仅播放一个动画（声明了最后一个动画）。 问题答案： TL; DR 使用逗号，可以指定多个动画，每个动画都有自己的属性。 例： 原始答案 这里有两个问题： ＃1 第二行替换第一行。因此，没有任何效果。 ＃2 两个关键帧都应用于相同的属性 作为一种替代方法，您可以

问题内容： 我计划为朋友建立一个自定义的图片库，我确切地知道我将如何制作HTML，但是CSS遇到了一个小问题。 （如果可能，我希望页面样式不依赖于jQuery） 我的问题是：CSS 中的HTML 我将这种格式用于html缩略图： 我认为CSS应该看起来像这样： 我的目标是把从我的HTML文件，并使用它的每一个（或多个）在我的CSS文件来源。 问题答案： 您最终将可以使用 但是据我所知，这还没有实现