0

我不是 HTML/CSS 专家，但我负责为我的雇主开发和维护一个网站。

我在我的网页中间有一组链接，我想在不影响任何其他链接的情况下应用特定的 CSS，实际上我想要做的唯一更改是将标题弹出窗口向右移动。基本上，指向手悬停鼠标图标会阻止标题中的文本，所以我想将弹出窗口移动到指针的右侧，以便在悬停期间可以完全阅读。

我已经看到了几种不同的方法来操作标题弹出窗口，但是它们对于我需要的东西来说太复杂了，太简单了，因为它们会影响<a>页面上的所有标签，或者不解释如何做我想要的只需将弹出窗口向右移动一点。

4

3 回答 3

0

您可以使用不会影响页面上任何其他元素的“内联样式”手动设置页面的任何元素的样式。

您在 HTML 而不是样式表中执行此操作，例如说您的样式表具有：

.tinybutton {margin:0;padding;0:}

它将使用 HTML 中的元素作为：

<a class="tinybutton" href="#"> </a>

现在让我们假设您想在不编辑 CSS 的情况下稍微向右移动按钮，然后使用内联样式，如下所示：

<a class="tinybutton" style="margin-left:10px" href="#"> </a>

因此，换句话说，只需在style=" "不影响 CSS 的情况下将所需的样式选项添加到要编辑的元素中。

于 2013-04-23T16:44:47.183 回答
0

现在您已经回答了自己的问题，我知道您尝试移动的标题是浏览器生成的工具提示。

这些工具提示不仅不能被移动，而且这些工具提示依赖于浏览器，并且在每个浏览器上看起来都不同。我不知道您使用的是哪一个，但它不是Chrome，因为我们确保工具提示不会与鼠标光标重叠。

另一种可能性，如您提到的 jQuery 插件，是编写 Javascript，将每个标题呈现在其自己的不可见 HTML 元素中。然后它通过添加一个 :hover 样式或鼠标事件处理程序使这些工具提示出现。

于 2013-04-24T13:43:04.403 回答
-1

在对此进行了进一步研究后，我在 StackExchange 中发现了几个问题，表明无法修改标题。所以鉴于此：

<a title='stuff here' href='#'>Click me!</a>

使用 jscript、css 等操作“这里的东西”部分是不可能的。唯一的选择是使用 jQuery 插件或类似的东西，事实证明这超出了我的故障排除能力。

暂时，我只是在标题前面添加空格来推出文本，如下所示：

<a title='     stuff here' href='#'>Click me!</a>
于 2013-04-24T13:25:55.427 回答