我不是HTML / CSS专家,但我负责为我的雇主开发和维护网站。
我的网页中间有一组链接,我希望在不影响任何其他链接的情况下应用特定的CSS,而且我想要做的唯一更改是将标题弹出窗口移到右侧。基本上,指针悬停鼠标图标会阻止标题中的文本,因此我想将弹出窗口移动到指针的右侧,以便在悬停期间可以完全读取它。
我已经看到了一些操作标题弹出窗口的不同方法,但它们要么太复杂了,要么太简单了,因为它们会影响页面上的所有<a>
标记,或者不解释怎么做我想要的只是将弹出窗口向右移动一点。
答案 0 :(得分: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。
答案 1 :(得分:0)
现在您已经回答了自己的问题,我知道您要移动的标题是浏览器生成的工具提示。
不仅可以移动那些,这些工具提示取决于浏览器,并且在每个浏览器上看起来都不同。我不知道你使用的是哪一个,但是不是 Chrome,因为我们确保工具提示不会与鼠标光标重叠。
另一种可能性,就像你提到的jQuery插件一样,是编写Javascript,将每个标题呈现在自己不可见的HTML元素中。然后通过添加a:hover样式或鼠标事件处理程序使这些工具提示出现。
答案 2 :(得分:-1)
在对此进行了进一步研究后,我在StackExchange中发现了几个问题,表明标题无法修改。所以这个:
<a title='stuff here' href='#'>Click me!</a>
使用jscript,css等操作“stuff here”部分是不可能的。唯一的选择是使用jQuery插件或其他类似的东西,事实证明这超出了我的排除故障的能力。 / p>
暂时,我只是在标题的前面添加了空格来推出文本,如下所示:
<a title=' stuff here' href='#'>Click me!</a>