问题标签 [text-indent]

我想使用类似text-indent:-9999em或负边距的技术将我的文字替换为更漂亮的图片，但我想知道搜索引擎是否会将其视为作弊？

我认为要让它知道这一点，它必须读取我的 CSS 文件，所以我可以使用robots.txt它来禁止它读取我的 CSS 文件。如果这可行，我也可以display:none直接使用吗？或者我可以使用 jQuery 代码来操作一些 web 元素的样式？

我有几个段落要缩进，尽管只有这些段落的第一行。

我将如何使用 CSS 或 HTML 仅针对第一行？

我正在尝试创建一个简单的菜单，其中有四个菜单项，每个菜单项都有一个图像，然后每个处于活动状态的项目都有一个特殊的图像。

我正在使用 Drupal，因此无法更改 HTML 输出（无论如何都不容易），所以我的问题是是否以及如何使用下面提供的 HTML 代码来完成：

我已经创建了一些接近我最终希望的结果，但我仍然无法举例缩进文本，因此它没有显示。到目前为止，这是我的 CSS：

到目前为止，这是我的代码，它以正确的间距正确显示了我的图像，但 a-href 中的文本我无法隐藏。我相当确定这只是一个正确的样式类/ id 的问题，但我尝试了很多不同的组合，但我无法让它发挥作用。

任何帮助将不胜感激。谢谢

真诚
- Mestika

这是示例页面：http: //jsfiddle.net/p9Fbb/

基本上，在text-indent图标上使用时，Internet Explorer 7（兼容模式下的 IE9）会将元素移出屏幕，而不仅仅是文本。出于某种原因，这只发生在表格单元格中的某些情况下（我认为这是当元素在单元格中单独存在时）。

我怎样才能解决这个问题？还是有另一种方法可以在元素中使用文本内容但使其不可见？

我的网站顶部有一个公司徽标，它链接回主页。我正在使用text-indent: -9999px;这似乎是常见的做法来隐藏链接文本。

对我来说，这感觉有点像 hack，我担心它会对我的 SEO 产生负面影响。

这仍然是最好的方法吗？

HTML：

CSS：

我有一个复杂的数组，像这样：

我想回显数组，但要像这样缩进每个子数组：

如果您需要任何详细信息，请告诉我。

我正在尝试使用 CSS 替换 html 中的图像，所以

但它似乎没有任何效果，知道为什么吗？

-编辑-

我已经使用这种技术来替换 img 的文本，但从未尝试将 img 替换为另一个 img

我的大部分项目都在使用 HTML5Boilerplate，因为它是一个很棒的框架，但我和其他开发人员一直在讨论图像替换类和 text-indent:-999em 的使用。

他给我发了这两个链接：

http://luigimontanez.com/2010/stop-using-text-indent-css-trick/

http://www.youtube.com/watch?v=fBLvn_WkDJ4

我知道 HTML5Boilerplate 团队在整理样式表时做了很多研究，而且我知道这是很多开发人员使用的常用技术。你们怎么看呢？我应该开始使用另一种技术，这样我们的网站就不会受到惩罚，还是可以继续使用它？

谢谢！

http://jsfiddle.net/CtaBe/

我已经在 FF、Chrome 和 IE 中对此进行了测试。只有 FF 显示了预期的行为（或者至少我认为是预期的行为）。Chrome 和 IE 表现出相同的行为：当您第一次关注输入时，光标不会缩进。在您键入某些内容、删除它并重新聚焦后，它会正确缩进。

我怎样才能解决这个问题？因为我想在那个缩进空间显示图像。

今天遇到了这个怪癖。

http://jsfiddle.net/UJAjD/3/

您会注意到，在 Firefox 7 和 Opera 中，灰色框中包含“Next”一词。CSS 包含一个 text-indent 属性，该属性应该将该文本移出其容器。在 IE 或 Chrome 中查看此页面会以应有的方式显示。至少你认为它应该显示的方式。

这是一个已知的错误？有解决方法吗？