火狐浏览器不能看到背景图 高手请进
我遇到了一个非常奇怪的问题，请高手指教！下面是一段代码，我在样式里对em这个属性是这样写的.topnavem{height:41px;background-image:u...
我遇到了一个非常奇怪的问题，请高手指教！
下面是一段代码，我在样式里对em这个属性是这样写的
.topnav em{
height: 41px;
background-image: url(images/navicon.gif);
display: block;
background-repeat: no-repeat;
width: 3px;
float: left;
background-position: left top;
}
大家可以看到我在em的样式里定义了一个背景图片，就是一个小竖条，用来隔开导航的文字，问题是这样的。
我一开始做的时候，用火狐浏览器和ie7都可以看到这个小竖线，然后我把页面都做完了，就用火狐浏览器怎么也看到这个竖条了，然后我下载opera浏览器也是看不到这个竖条，不过用ie7和max浏览器都是可以看到的，下面是整个页面的代码，希望有哪个高手可以指点一下，谢谢。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="ghd" content="hdf" />
<title>hghdf</title>
<link href="base.css" rel="stylesheet" type="text/css" />
</head>
<body onload="MM_preloadImages('images/logo02.jpg')">
<!--页面头部导航开始-->
<div class="topnav"><a href="#">我们的产品和服务</a><em></em><a href="#">我们的产品和服务</a><em></em><a href="#">典型案例</a><em></em><a href="#">在线洽谈订购</a><em></em><a href="#">我们的务享</a><em></em><a href="#">论坛</a></div>
<div id="navbottomicon" ></div>
<!--页面头部导航结束--
</body>
</html>
问题就是我写在<em></em>里的背景图片不能显示。
非常感谢您的回答，这个问题我解决了，原因是我css样式表里有个地方多了一个}，火狐浏览器真是对代码要求很严谨啊。
不过现在我又有一个问题要解决，就是我已经把代码里的js都去掉了，可是ie浏览器还是总问我是否阻止ActiveX控件，火狐啊opera啊max啊，所有浏览器都不问，这个怎么才能彻底的把这个该死的提示去掉呢？ 展开
下面是一段代码，我在样式里对em这个属性是这样写的
.topnav em{
height: 41px;
background-image: url(images/navicon.gif);
display: block;
background-repeat: no-repeat;
width: 3px;
float: left;
background-position: left top;
}
大家可以看到我在em的样式里定义了一个背景图片，就是一个小竖条，用来隔开导航的文字，问题是这样的。
我一开始做的时候，用火狐浏览器和ie7都可以看到这个小竖线，然后我把页面都做完了，就用火狐浏览器怎么也看到这个竖条了，然后我下载opera浏览器也是看不到这个竖条，不过用ie7和max浏览器都是可以看到的，下面是整个页面的代码，希望有哪个高手可以指点一下，谢谢。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="ghd" content="hdf" />
<title>hghdf</title>
<link href="base.css" rel="stylesheet" type="text/css" />
</head>
<body onload="MM_preloadImages('images/logo02.jpg')">
<!--页面头部导航开始-->
<div class="topnav"><a href="#">我们的产品和服务</a><em></em><a href="#">我们的产品和服务</a><em></em><a href="#">典型案例</a><em></em><a href="#">在线洽谈订购</a><em></em><a href="#">我们的务享</a><em></em><a href="#">论坛</a></div>
<div id="navbottomicon" ></div>
<!--页面头部导航结束--
</body>
</html>
问题就是我写在<em></em>里的背景图片不能显示。
非常感谢您的回答，这个问题我解决了，原因是我css样式表里有个地方多了一个}，火狐浏览器真是对代码要求很严谨啊。
不过现在我又有一个问题要解决，就是我已经把代码里的js都去掉了，可是ie浏览器还是总问我是否阻止ActiveX控件，火狐啊opera啊max啊，所有浏览器都不问，这个怎么才能彻底的把这个该死的提示去掉呢？ 展开
2个回答
展开全部
FF的安全性引起的，图片不要用物理路径
是的，很不幸Firefox的安全策略不允许我们显示一个用户的本地图像文件。让Firefox显示本地文件的唯一办法就是修改它的默认安全策略：
在Firefox的地址栏中输入“about:config”
继续输入“security.checkloaduri”
双击下面列出来的一行文字，把它的值由true改为false
然后你可以再试试预览！可惜的是我们并不能要求所有的用户都去修改这个值，所以这对我们来说毫无意义。我们能做的也许就是接受Firefox不能预览本地图片
是的，很不幸Firefox的安全策略不允许我们显示一个用户的本地图像文件。让Firefox显示本地文件的唯一办法就是修改它的默认安全策略：
在Firefox的地址栏中输入“about:config”
继续输入“security.checkloaduri”
双击下面列出来的一行文字，把它的值由true改为false
然后你可以再试试预览！可惜的是我们并不能要求所有的用户都去修改这个值，所以这对我们来说毫无意义。我们能做的也许就是接受Firefox不能预览本地图片
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
