老师,是不是不同的浏览器显示的效果会不同呢

来源:3-22 编程练习

能量咕噜略略

2019-12-29 14:14:27

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
        a:link{color:red;}
        a:visited{color:green;}
        a:hover{font-size:30px;}
        a:active{color:yellow;}
    </style>
</head>
<body>
    <a href="http://www.imooc.com" target="_blank">慕课网</a>
</body>
</html>
<!-- 我在GOOGLE浏览器上,默认状态和激活状态都是显示绿色,并不会改变,但是在edge浏览器上,默认状态就是红色,激活后成绿色-->


写回答

2回答

好帮手慕夭夭

2019-12-29

同学你好,不是这样的。是因为你在谷歌浏览器中访问过慕课网的链接了,访问的链接会保存到缓存中,所以始终是访问状态(即绿色),而ie中没有访问过慕课网,所以默认是未访问状态(红色)。同学把谷歌浏览器的缓存清一下就正确了。

另外,当鼠标悬停在文字上,需要设置字体加粗,如下完善:

http://img.mukewang.com/climg/5e08595209df635505410049.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

1

幕思

2019-12-29

同学你好,

  1. 你的代码没有问题

  2. a:link在google与firfox浏览器中只有第一次打开时生效,只要你点击过一次那么你的代码效果就会只有a:visited的效果。

  3. 即便你关掉浏览器重新打开也是一样。

  4. 换句话说,把你的浏览器清除一下缓存就好了

希望能帮到你!http://img.mukewang.com/climg/5e085cd60874595001200118.jpg

0

0 学习 · 40143 问题

查看课程