Question

Dreamweaver 鼠标经过图像效果

我用Dreamweaver 给网页加了一个鼠标经过图像效果 但是预览的时候 IE总是提示
“为帮助保护您的安全，Internet Explorer 已经限制此文件显示可能访问您的计算机的活动内容。”
请问如何解决这个问题

（备注：internet选项 这个方法就不用说了）

Answer 1

用CSS制作鼠标经过图像

XHTML代码:

<ul id="nav">
<li id="nav1"><a href="/" mce_href="/">nav1</a></li>
<li id="nav2"><a href="/" mce_href="/">nav2</a></li>
<li id="nav3"><a href="/" mce_href="/">nav3</a></li>
<li id="nav4"><a href="/" mce_href="/">nav4</a></li>
<li id="nav5"><a href="/" mce_href="/">nav5</a></li>
</ul>

这里用一个菜单来讲解，在实际运用中我们可能会有其它方面的运用。这里我们看到并没有图片，那是因为我们的图片都是用CSS调用的背景，而每个LI都有一个ID，那是因为这里的菜单图片是不同的！每个LI都有自己的菜单内容。

好了，现在需要把这个列表处理一下横向排放：

#nav li {margin: 0; padding: 0; list-style: none; display: inline;}

我们都知道<a>标签不是默认的块级元素，如果不是块级元素鼠标所感应的热区就不是我们所设定的长宽，而是其元素本身的大小。但CSS可以把其声明为块级元素。

#nav a { float:left; padding: 34px 0 0 0; overflow: hidden; height: 50px;}

这里有一个很有意思的事！那就是，在这一句中有没有“display:block;”都是一样的。这里的“padding:34px 0 0 0;”是我们背景图的一半高度（注：背景图是把两张图片上下合在一起的图片）但是并不是用来控制背景图的,而是把<a>标签中的文字隐藏。由于触发动作并且移动位置是一样的，所以可以集中描述移动背影的位置。

#nav a:hover { background-position: 0 -34px;}

这句的意思是：在#nav下的所有链接在鼠标经过时其背景向上移动34个像素。最后就是给菜单中的每一个链接加上背景图片。

#nav1 a {width:59px;background:url(btn_nav1.jpg) top left no-repeat;}
#nav2 a {width:69px;background:url(btn_nav2.jpg) top left no-repeat;}
……

好了，完成，其中要注意的是：“padding:34px 0 0 0;”“#nav a:hover { background-position: 0 -34px;}” 需要根据自己的实际情况来设定值。

Answer 2

css鼠标经过改变表格背景图像代码:

<table border="1">
<tr>
<td style="background-image:url('1.jpg');width:300;height:300;" onmouseover="this.style.backgroundImage='url(2.jpg)'" onmouseout="this.style.backgroundImage='url(1.jpg)'"></td>
</tr>
</table>

Answer 3

我的也有，传到网上去以后就没有了，不用担心