问题标签 [css]

我在使用 IE7 时遇到问题。我有一个标题，它是一个 IMG。在它下面我有一个代表菜单的 div，它们必须相互连接，中间没有空格。两者都是 1000px 宽度。在 Opera 和 FireFox 中，标题和菜单整齐地相互连接。但是，在 IE7 中，菜单 DIV 和 IMG 之间有一个很小的空间。我已经尝试在 IMG 上明确定义填充和边距，但是它不起作用。我以前遇到过这个问题，所以它似乎是一个 IE7 怪癖。

我的 HTML 代码：

这是场景：

我有一张底边距为 19px 的表格。在此之下，我有一个包含一些字段集的表单。其中一个是向右浮动的。问题是在 IE7 中，margin-bottom 没有得到完整的 19px。我已经解决了我能想到的所有 IE7 css/margin/float 错误，并尝试了补救措施，但均未成功。我已经在谷歌上搜索了一段时间，找不到任何有帮助的东西。

这是我尝试过的。

1. 将表单或字段集包装在无样式的 div 中。没有明显变化。
2. Nixing the margin-bottom on the table，而是用一个 div 包裹它，并给它一个 19px 的 padding-bottom。没有明显变化。
3. Nixing 表格上的边距底部并添加一个固定高度为 19 像素的 div。没有明显变化。
4. 在表格和字段集之间明确。

我知道还有一些我忘记了，但这些是我最近尝试过的东西。这发生在每个字段集上。

我正在使用重置样式表并有一个 xhtml 过渡文档类型。

编辑：我还有 IE7 Web 开发工具栏和 Firebug。两种浏览器的样式信息都说它有一个 margin-bottom: 19px; 但它显然不适用于 IE7。

不幸的是，我不得不在我正在构建的网站上实现下拉级联菜单。我正在寻找一种 Suckerfish 风格的解决方案，它主要基于 CSS，并且适用于一组简单的嵌套 UL 和 LI。

Suckerfish 的儿子似乎是要走的路，但我不喜欢它在您将鼠标移开的那一刻就消失的方式，因为协调困难的用户将在导航网站时做噩梦（或者只是不打扰，但是因为它是一个公司网站，所以有些人可能不得不使用我实施的任何东西）。

欢迎我什至没有想过需要的简洁功能，但我正在寻找的两个主要元素是：

1. 使用嵌套 UL/LI 结构的多级
2. 当菜单“mouseout”时消失之前的小（可能可配置？）延迟，即使它是由一些额外的 JavaScript 提供的。

Web 开发人员可用的字体集合非常有限。我记得很久以前读过有关 TrueDoc 的文章，它是一种将字体与网站一起发送的方式——但它似乎已经萎靡不振。有没有人用过这个，或者类似的东西？是否有足够多的浏览器支持？我错过了一个好的解决方案吗？

请注意，负责任的 Web 开发人员不会使用仅在 Windows 上可用的字体（尤其是仅在 Vista 上可用的字体），也不会使用至少大多数浏览器不支持的技术。

更新：正如一些人所指出的，为没有您使用的特定字体的人提供后备字体列表并没有错。事实上，我总是这样做，并不是说这是错误的。

虽然我的问题措辞很糟糕，但我的意思是设计师不应该对客户可用的东西做出太多假设。您应该计划所有用户将如何看到您的网站，而不仅仅是使用您自己喜欢的设置的人。

我有几个带有重叠 CSS 选择器的 CSS 文件，我想以编程方式合并它们（不仅仅是将一个文件附加到另一个文件的末尾）。有没有什么工具可以在线做到这一点？或者是 Firefox 扩展？

我的 HTML 已全部标记，准备好下雨 CSS。问题是我必须回去找出我所有的 id 和类名是什么，这样我才能开始。我需要的是一个工具，它可以解析我的 HTML 并输出一个样式表，其中包含所有可能的元素都可以设置样式（甚至可能有一些默认值）。这样的工具存在吗？

我为我正在设计的网站制作了一个大型、高清 JavaScript 密集型图像横幅。每个人对使用 iframe 以使您只产生一次加载时间有何看法？是否有 iframe 的 CSS 替代品？

随意预览该网站。

这是一项正在进行中的工作。

我想要一些漂亮的圆角用于我目前正在从事的网络项目。

我想我会尝试使用 javascript 而不是 CSS 来完成它，以尽量减少对图像文件的请求（是的，我知道可以将所有需要的圆角形状组合成一个图像），我也想要能够即时更改背景颜色。

我已经使用了 jQuery，所以我查看了出色的圆角插件，它在我尝试过的每个浏览器中都像一个魅力。然而，作为一名开发人员，我注意到了让它更有效率的机会。该脚本已经包含用于检测当前浏览器是否支持 webkit 圆角（基于 safari 的浏览器）的代码。如果是这样，它使用原始 CSS 而不是创建 div 层。

我认为如果可以执行相同类型的检查以查看浏览器是否支持 Gecko 特定-moz-border-radius-*属性，如果支持的话，那就太好了。

对 webkit 支持的检查如下所示：

然而，这并没有奏效，-moz-border-radius所以我开始寻找替代品。

我的后备解决方案当然是使用浏览器检测，但这与推荐的做法相去甚远。

我最好的解决方案如下。

它基于 Gecko 将复合 -moz-border-radius “扩展”到四个子属性的理论

• -moz-border-radius-topleft
• -moz-border-radius-topright
• -moz-border-radius-bottomleft
• -moz-border-radius-bottomright

是否有任何 javascript/CSS 大师有更好的解决方案？

（此页面的功能请求位于http://plugins.jquery.com/node/3619）

从硬盘驱动器打开文件到浏览器时，文档根目录在哪里？为了说明，给定下面的 HTML 代码，如果页面是从本地机器打开的，(file:///)那么css文件应该在哪里让浏览器找到它？

我有一个使用<ul>列表进行导航的页面（Javascript 更改样式以在鼠标悬停时显示或不显示）。

当我在页面上有谷歌地图时，这对我来说很好，除了在 IE6 和 IE7 中。

在这种情况下，下拉菜单根本不起作用。但是，该页面在 FireFox 2 中仍然有效。

我做了一些研究，发现这可能是 IE 选择框错误的一个例子，但我不确定谷歌地图似乎使用的是<div>，而不是<iframe>.

有没有其他人遇到过类似的问题，如果有，他们对克服这个问题的最佳方法有什么建议吗？