AndrewSpears 2016-02-09 02:08 采纳率: 0%
浏览 1701

CSS链接样式在chrome中的显示问题

首先,我的html文件和css文件的代码如下:
图1-html代码和对应的Css代码
在IE浏览器中表现正常,如下图
图2-IE9刚刚加载页面没有任何操作
图3-IE9下点击链接后效果
图4-IE9下鼠标悬停链接效果

而在chrome浏览器中,我第一加载网页的时候,效果和IE9刚刚加载页面的效果一样。但是,我点击其中任何一个链接,其余三个链接的效果都发生了改变,如图
图5-chrome下点击任何链接后效果
但是,鼠标悬停效果存在,如图
图6-chrome下鼠标悬停效果
然后是最终要的问题,我使用chrome再次加载这个页面,就直接出现如图5的效果,而跳过了图1的效果图。我尝试清除一下浏览记录,再使用chrome浏览器就会出现图1效果。我感觉是浏览器兼容的问题。在思考后,有以下3个问题:
1.怎样使chrome每次一刷新而不用手动清除浏览记录就可以看到图1效果;
2.怎样纠正在chrome浏览器下,点击一个链接全部链接效果发生改变的问题;
3.浏览器兼容这方面有什么好的材料或教材视频,可以给我这样的新手学习。
最后,谢谢回答此问题的各位!
另祝大家新年快乐!

  • 写回答

1条回答 默认 最新

  • devmiao 2016-02-09 13:51
    关注
    评论

报告相同问题?

悬赏问题

  • ¥15 maple软件,用solve求反函数出现rootof,怎么办?
  • ¥50 汇编语言除法溢出问题
  • ¥65 C++实现删除N个数据列表共有的元素
  • ¥15 Visual Studio问题
  • ¥15 state显示变量是字符串形式,但是仍然红色,无法引用,并显示类型不匹配
  • ¥20 求一个html代码,有偿
  • ¥100 关于使用MATLAB中copularnd函数的问题
  • ¥20 在虚拟机的pycharm上
  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波