即使光标不在文本上，文本也会发光答案

【问题标题】：Text glows even when cursor not on the text即使光标不在文本上，文本也会发光
【发布时间】：2013-06-26 17:08:41
【问题描述】：

我编写了一些代码来使文本发光，但是文本不仅会在光标位于文本上方时发光，而且还会在光标位于由文本扩展的水平区域上方时发光。为什么会发生这种情况，我怎样才能让它只有在光标在文本上时才会发光？

<!DOCTYPE html>
<html>
<head>
    <title>tTEXT</title>
</head>
<link rel="stylesheet" type="text/css" href="styles.css"/>
<body>
<style>
@font-face
{
    font-family: ralewaythin;
    src: url('Cantarell-Regular.ttf')
}
.backgroundimage
{
    background-position: center;
}
.text-glow-hover-with-delay
{
    color: black;
    -webkit-transition: text-shadow 0.15s;
}

.text-glow-hover-with-delay:hover
{
    text-shadow: 0 0 10px #4682b4;
}
.head
{
    font-family: ralewaythin;
    color: black;
    font-size: 75px;
    -webkit-text-stroke: 1px;
}
</style> 
    <div class="text-glow-hover-with-delay">
        <div class="head">TEXT</div>
    </div>
</body>
</html>

【问题讨论】：

标签： css html hover glow

【解决方案1】：

您的文本位于<div> 中，默认情况下为display:block。如果您希望该元素仅与单词一样大，请将其更改为 <span> 或给它display:inline-block。

【讨论】：

【解决方案2】：

是因为你声明了整个div才生效。您需要指定希望发光的文本/元素。这是我使用 span 标签将发光效果设置为特定文本的示例。如果您只想让标题文本发光或任何其他标签，则可以将其与 h1 元素一起使用。

http://jsfiddle.net/g5EbU/1/

<span class="text-glow-hover-with-delay" >GLOWING TEXT</span>

我不需要更改您的代码，只需更改课程所在的位置即可。这是你的代码

.text-glow-hover-with-delay
{
color: black;
-webkit-transition: text-shadow 0.15s;
}

我希望这会有所帮助！如果您需要我重做您的课程并使用标题标签或我可以使用的东西。

【讨论】：

感谢您将其标记为答案！祝你的网站好运！