[英]2 different link styles show ok in IE but not in other browsers. When link clicked all links show visited
My website is here for testing purposes: http://www.splithorizont.com/itc/web1.html 我的网站用于测试目的: http : //www.splithorizont.com/itc/web1.html
In IE my website links are all functional but in other browsers when I click on one link then all links on a webpage become visited links. 在IE中我的网站链接都是功能性的,但在其他浏览器中,当我点击一个链接时,网页上的所有链接都成为访问链接。
Here is CSS:
@charset "utf-8";
.css {
}
html, body {
background-color:#d8e9f6;
text-align:center;
margin:0 auto;
width: 800px;
}
a.nav2:link { color: #FFFFFF; font-size: 20px; text-decoration: none;}
a.nav2:visited { color: #EA5421;}
a.nav2:hover { color: #EA5421; text-decoration: underline; }
a.nav2:active {color: #EA5421; text-decoration: underline;}
a.nav1:link { font-size: 16px; color: #EA5421; }
a.nav1:visited { color: #EA5421; }
a.nav1:hover {color: #EA5421; }
a.nav1:active {color: #EA5421; }
#center {width: 800px; margin:0 auto; }
#menu1 {width:792px;
}
#nav_text {width:590px; height:210px; background-color:#f39e81; float:left; margin:8px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
}
#nav_text2 {width:590px; height:210px; background-color:#509aca; float:left; margin:8px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
}
#nav_desno {width:170px; height:700px; background-color:#c0e3fd; float:right ; margin:8px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
}
#razmak {width:800px; height:875px; float:left; background-image: url(slike/pozadina.jpg);}
.wrapper_menu {background-color:#1d6594; margin:8px; width:780px; text-align:center
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;}
.nav ul {
list-style-type: none;
text-align: center;
}
.nav ul li {
display: inline;
}
h4 {
font-size: 14px;
color: #333333;
text-decoration:none
}
h1,h2,h3,h4,h5,h6 {
font-family: Times New Roman, Times, serif;
}
如果单击一个链接,所有链接都进入访问状态的原因是,所有链接都转到同一地址:“#”。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.