title属性可以用CSS控制吗？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了title属性可以用CSS控制吗？相关的知识，希望对你有一定的参考价值。
我想在页面内所有链接的title都写上某段文字，想用CSS定义，请问如何写？？？
可以使用CSS的expression，仅限于IE5-IE7上使用，代码如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
<head>
<title>Test Expression</title>
<style type="text/css">
a star : expression(onload=this.title="111111111111")
</style>
</head>
<body>
<a href="a.htm">a.htm</a>
<a href="b.htm">b.htm</a>
</body>
</html>
效果如下：
鼠标滑过时显示的文字提示，用户体验上很重要。当然不必要所有的img标签都加此属性，比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。
格式为：<img src="图片路径" alt="logo" title="首页" />
css 的area标签支持hover吗？
html代码如下，希望鼠标移到相应的area能触发hover事件，本人对CSS不太专业，望牛人指点。最好就是把style附在回答里面。可以用的话追加100分。
<div class="fc-show-box" >
<img src="33.jpg" width="950" height="569" border="0" usemap="#Map" longdesc="file:///C|/Documents and Settings/Administrator/desktop/33.jpg" />
<map name="map">
<area class="item1" shape="poly" coords="30,39,209,39,209,538,30,538" href="#" />
<area class="item2" shape="poly" coords="215,40,447,39,447,545,215,545" href="#" />
<area class="item3" shape="poly" coords="453,13,585,13,585,561,453,580" href="#" />
</map>
</div>
有个前提，只能使用CSS布局，而且ID属性已被禁止。文下是否有实现的可能性。
<script>
function ahover(id)
alert(document.getElementById(id).className);
</script>
<div class="fc-show-box" >
<img src="33.jpg" width="950" height="569" border="0" usemap="#Map" />
<map name="map">
<area class="item1" shape="poly" id="a1" onmouseover="ahover('a1')" coords="30,39,209,39,209,538,30,538" href="#" />
<area class="item2" shape="poly" id="a2" onmouseover="ahover('a2')" coords="215,40,447,39,447,545,215,545" href="#" />
<area class="item3" shape="poly" id="a3" onmouseover="ahover('a3')" coords="453,13,585,13,585,561,453,580" href="#" />
</map>
</div> 参考技术A hover在CSS1中此伪类仅可用于a对象。且对于无href属性（特性）的a对象，此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。
目前IE6+仅支持CSS1中的:hover。
在这里，就用JS的onmouseover事件实现吧：
原理：当鼠标进入AREA区域时弹出该元素的alt属性，你也可以自己修改
<div class="fc-show-box" >
<img src="33.jpg" width="950" height="569" border="0" usemap="#Map" longdesc="file:///C|/Documents and Settings/Administrator/desktop/33.jpg" />
<map name="map" id="map">
<area class="item1" shape="poly" coords="30,39,209,39,209,538,30,538" href="#" alt="位置1" />
<area class="item2" shape="poly" coords="215,40,447,39,447,545,215,545" href="#" alt="位置2" />
<area class="item3" shape="poly" coords="453,13,585,13,585,561,453,580" href="#" alt="位置3" />
</map>
</div>
<script type="text/javascript">
(function()
var tag = document.getElementById('map').getElementsByTagName('area');
for(var i = 0; i<tag.length;i++)
(function(_i)
tag[_i].onmouseover = function() alert(this.alt); /*这一句是可修改的*/ ;
)(i);
)();
</script>本回答被提问者采纳 参考技术B <script language="javascript" type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function()
$("#Map area").hover(function()
alert($(this).attr('coords'));
,function()
);
)
</script>
以上是关于title属性可以用CSS控制吗？的主要内容，如果未能解决你的问题，请参考以下文章
css实现菜单栏效果以及用hover属性去控制另一个元素样式的问题