CSS菜单在Opera中看起来像垃圾
好的,我已经为我的网站编写了几天的代码,我在Opera中进行了测试,菜单比我想要的要高。在FF和Chrome中看起来不错,但我似乎不知道如何在Opera中修复它。(尚未对其进行IE测试) 有人能帮我解决这个问题吗,或者更好地向我解释为什么会这样,以及如何解决CSS菜单在Opera中看起来像垃圾,css,menu,positioning,opera,Css,Menu,Positioning,Opera,好的,我已经为我的网站编写了几天的代码,我在Opera中进行了测试,菜单比我想要的要高。在FF和Chrome中看起来不错,但我似乎不知道如何在Opera中修复它。(尚未对其进行IE测试) 有人能帮我解决这个问题吗,或者更好地向我解释为什么会这样,以及如何解决 div#topnav { position:absolute; top:0px; left:0px; width:100%; height:25px; background-image:-we
div#topnav {
position:absolute;
top:0px;
left:0px;
width:100%;
height:25px;
background-image:-webkit-linear-gradient(#00fcff, #000);
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#00fcff), to(#000));
background-image:-moz-linear-gradient(#00fcff, #000);
background-image:-o-linear-gradient(#00fcff, #000);
font-family:Arial;
font-size:12px;
color:silver;
text-align:right;
z-index:1000;
box-shadow:0px 0px 16px #000;
text-shadow:0px 0px 2px #000;}
div#topnav button {
cursor:pointer;
font-family:Arial;
font-size:12px;
color:silver;
text-decoration:none;
border:0px;
height:25px;
background-color:transparent;
text-shadow:0px 0px 2px #000;
transition:all 250ms ease-in-out;
-webkit-transition:all 250ms ease-in-out;
-moz-transition:all 250ms ease-in-out;
-o-transition:all 250ms ease-in-out;
-ms-transition:all 250ms ease-in-out;}
div#topnav button:hover {
color:#fff;
background-color:rgba(0, 0, 0, 0.2);}
div#topnav button:active {
background-color:rgba(0, 0, 0, 0.5);}
ul#menu {
list-style:none;}
ul#menu li {
display:block;
float:right;
margin-top:-14px;
padding-right:10px;
cursor:pointer;}
问题是您没有doctype,因此您的页面正在使用 将此添加为第一行:
<!DOCTYPE html>
这修复了Opera中的菜单,并大大改进了Internet Explorer中的整个页面
始终向新站点添加doctype,没有例外。问题是您没有doctype,因此您的页面正在使用 将此添加为第一行:
<!DOCTYPE html>
这修复了Opera中的菜单,并大大改进了Internet Explorer中的整个页面
总是向新站点添加doctype,没有例外。我在IE8中看到了同样的问题。此外,我在页面加载时遇到了一个错误:预期的标识符、字符串或数字、第34行、字符4这将是topnav div的放置阴影。(框阴影:0px 0px 16px#000;)您是否可以提供屏幕截图?@mikethedj4:描述的错误不是CSS错误,而是JavaScript错误。问题标题+1。我真的能理解海报的心态。我在IE8中也看到了同样的问题。此外,我在页面加载时遇到了一个错误:预期的标识符、字符串或数字、第34行、字符4这将是topnav div的放置阴影。(框阴影:0px 0px 16px#000;)您是否可以提供屏幕截图?@mikethedj4:描述的错误不是CSS错误,而是JavaScript错误。问题标题+1。我真的能理解海报的心态。