《css》专题

问题内容： 我已经多次看到，负填充的前景可能会帮助某些页面元素的CSS开发变得越来越好。但是，W3C CSS中没有负填充的规定。这背后的原因是什么？该属性是否有阻碍其使用的阻碍？感谢您的回答。 更新 例如，我看到的情况是，如果您使用的字体的垂直间距为20px，并且希望在字体底部应用虚线边框，例如出现超链接时。在这种情况下，您会发现样式太简陋，因为虚线边框会出现在指定单词下方20px。如果您使用负边

问题内容： 我正在寻找一个带颜色的图标（并将成为链接），并将其设为灰度，直到用户将鼠标置于该图标上（然后该图标将对该图像进行着色）。 是否可以这样做，并且以IE和Firefox支持的方式进行？ 问题答案： 有多种方法可以完成此操作，下面将通过一些示例详细说明。 纯CSS（仅使用一张彩色图像） 您可以在此处找到与此技术相关的文章。 纯CSS（使用灰度和彩色图像） 这种方法需要图像的两份副本：一份是灰

问题内容： 对于Chrome / Safari和Firefox，具有和属性。如何使用IE9做同样的事情？ 问题答案： 嗯，IE9尚未完成，但是到目前为止，您似乎必须使用SVG。我不知道IE9中是否有任何-ms- gradient或gradient支持。到目前为止，令我烦恼的另一件事是文本阴影。

问题内容： 有没有一种方法可以使用jQuery更改CSS类的属性，而不是元素属性？ 这是一个实际的例子： 我上课有一个div 我想更改类背景属性，而不是已分配类背景的元素。 如果我使用jQuery .css（）方法做到这一点： 它会影响现在具有class的元素。到这里为止一切都很好。但是，如果我进行Ajax调用，并在class中插入更多div ，则这些背景将不会具有绿色背景，而它们将具有初始背景。

问题内容： 我在将CSS表单的HTML表单提交按钮居中时遇到麻烦。 现在我正在使用： 这个CSS内容 而且它什么也没做。我知道我可能在做一些愚蠢的错误。我怎样才能解决这个问题？ 问题答案： 我只是将div包裹在它们周围，并使其居中对齐。那么您不需要按钮上的任何CSS即可将它们居中。

问题内容： 我有一个正在处理的网站布局，其中有一个主要的内容区域，然后在内容区域的四个角处的每个角处都有一个角图形。总体效果是台式吸墨纸。 这是我左上角的代码： 我想制作（如果可能的话）而不是制作四个单独的拐角图像，而是使用原始图像（corner.png）并使用CSS旋转它。 有跨浏览器兼容的方法来做到这一点吗？ 非常感谢！ 问题答案： CSS旋转45度：

问题内容： 我正在为一款软件编写插件，该插件需要大量项目并将其弹出到Cocoa中的WebView中的HTML中（该WebView使用WebKit作为其渲染器，因此基本上您可以假定该HTML文件已在苹果浏览器）。 它制作的DIV具有动态高度，但变化不大。它们通常在200像素左右。无论如何，每个文档中有大约六百个这样的项目，我要打印它真的很艰难。除非我很幸运，否则每页底部和顶部都有一个条目被切成两半，

问题内容： 假设我有以下HTML： 和这个CSS： 现在想象一下，我想将其分为三列，相当于在第三列之后注入a 。 （实际上，这样做在语义和语法上都是无效的。） 我知道如何在CSS中选择第三个，但是如何在它之后强制换行呢？这不起作用： 我也知道使用代替可以实现这种特殊情况，但是我对使用的解决方案不感兴趣。我也知道，对于固定宽度的块，可以通过将父对象的宽度设置为该宽度的3倍来实现。我对此解决方案不感兴

问题内容： 现在，我正在通过jquery加载iframe： 我有一个自定义样式表，希望将其应用于该页面。iframe中的页面不在同一域中，这就是为什么它很棘手的原因。我找到了允许您添加单个标签但不能添加整个样式表的解决方案。 编辑： 有问题的页面通过Mobile Safari 加载，因此跨域策略不适用。 问题答案： 基于解决方案您已经找到了如何将CSS应用于iframe？： 或更多jqueryis

问题内容： 如何使用javascript设置CSS（我无权访问CSS文件）？ 例如： 问题答案： 如您所见，将CSS属性设置为“-”只会导致下一个字符变为大写：

问题内容： 在一次采访中有人问我“ css 和？有什么区别？” 有人可以解释吗？ 问题答案： 表示元素将具有其父容器的100％高度。 意味着，元素将具有灵活的高度，即其高度将取决于其子元素的高度 考虑以下示例： 高度：100％ 将会有 高度：自动 现在将有

问题内容： 尝试将CS​​S3转换应用于幻灯片显示槽JavaScript时，我有些头疼。 基本上，JavaScript会获取幻灯片放映中的所有幻灯片，并将CSS类应用于正确的元素以提供良好的动画效果，如果不支持CSS3过渡，它将仅应用样式而无需过渡。 现在，我的“小”问题。所有工作都按预期进行，所有幻灯片都具有正确的样式，代码运行时没有错误（到目前为止）。但是，即使应用了正确的样式，指定的过渡也不

问题内容： 好吧，这很简单。如果Chrome的开发人员工具向我显示样式被覆盖，那么如何查看CSS规则对其进行覆盖？ 我想知道是否有类似“向我展示哪些内容可以覆盖这一点”之类的内容。 OBS： 请不要把我指向Firebug。 问题答案： 使用元素检查器的“ 计算样式”面板。展开感兴趣的属性，以查看适用规则的列表，以及赢得了哪个规则。

问题内容： 如何检测使用Javascript（并且不使用modernizr）的浏览器支持CSS转换？ 问题答案： 也许是这样的。基本上，它只是在查看是否已定义CSS 属性： 改编自此要点。所有的功劳都去了。

问题内容： 对于每个邮箱，我希望缩略图向左浮动，文本向右浮动。我不希望拇指环绕文本。 这是我的html代码： 我已经尝试了几种方法，但仍然无法正常工作…文本不会在右侧显示… 这是我的CSS代码： 问题答案： 这是你所追求的吗？ 我将标题更改为（header）标签，因为与使用相比，这是语义上的选择。 HTML： CSS：