如何在悬停时更改文本大小，而又不影响环境（html / css-没有javascript）
||
示例：http：//jsfiddle.net/rXf4U/5/
我认为我无法比标题中的说明更好地解释它，但是示例应该很容易解释。
我的空间有限，充满了标签，单词或其他内容。为了腾出更多空间，我降低了文本大小，但是希望在悬停时真正可读。从存在问题的示例中很容易看出。
我已经尝试了几乎所有内容，包括大量搜索。我尝试使用z层。我没想到它会起作用，当然也没有。我还尝试了各种涉及定位的方法，尽管我在某种程度上成功了，但确实是一团糟。
示例：http：//jsfiddle.net/rXf4U/17/
由于这不是一个新概念，因此我敢肯定，只是那些无法找出正确搜索字词的人，但同样，我也被困住了；）
我希望您能引导我朝正确的方向发展。
最好的祝福。
重要编辑：
当然，li标签将包含链接：
<ul>
<li><a href=\"#\">keyword</a></li>
<li><a href=\"#\">keyword</a></li>
<li><a href=\"#\">keyword</a></li>
<li><a href=\"#\">keyword</a></li>
...
</ul>
没有找到相关结果
已邀请:
2 个回复
枫湃揩乾纲
爆刺疤灯
伪元素的情况下相对脆弱），并且还涉及向元素添加属性，以创建此标记：<ul> <li title=\"picnic\">picnic</li> <li title=\"webprogramming\">webprogramming</li> <li title=\"scripting\">scripting</li> <li title=\"stylesheet\">stylesheet</li> <li title=\"jsfiddle\">jsfiddle</li> <li title=\"stackoverflow\">stackoverflow</li> <li title=\"moonwalker\">moonwalker</li> <li title=\"powertools\">powertools</li> <li title=\"mastermind\">mastermind</li> <li title=\"chicken\">chicken</li> </ul>ul { margin: 0; padding: 0; list-style: none; height: 100px; width: 100px; } li { display: inline-block; position: relative; font-size: 10px; } li:hover:after { color: #f00; font-weight: bold; content: attr(title); position: absolute; top: 0; left: 0; font-size: 20px; background-color: #fff; border: 1px solid #f90; }