+ -
当前位置:首页 → 问答吧 → 为什么IE和firefox中显示的颜色不一样?

为什么IE和firefox中显示的颜色不一样?

时间:2010-11-09

来源:互联网


<!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=gb2312" /> <title>无标题文档</title> <style type="text/css"> <!-- .menu_box { width:100%; height:40px; border-bottom: 3px inset #990000; OVERFLOW: visible; } --> </style> </head> <body> <div class="menu_box"></div> </body> </html>
 提示:您可以先修改部分代码再运行
在IE里显示的是我想要的酱红色,但在firefox中却显示了粉红色,为什么会这样?

firefox不支持inset 3D凹边?

[ 本帖最后由 dreamyzh 于 2010-11-9 22:22 编辑 ]

作者: dreamyzh   发布时间: 2010-11-09

只是浏览器对这 inset 的效果的理解不一致而已,并不是不支持:
<!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=gb2312" /> <title>无标题文档</title> <style type="text/css"> <!-- .menu_box { width:100%; height:40px; border: 3px inset #990000; OVERFLOW: visible; } --> </style> </head> <body> <div class="menu_box"></div> </body> </html>
 提示:您可以先修改部分代码再运行
你可以通过 multiply borders 来解决这个问题:
<!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=gb2312" /> <title>无标题文档</title> <style type="text/css"> <!-- .menu_box { width:100%; height:40px; border-bottom: 3px inset #990000; -moz-border-bottom-colors: #900 #900 #720000; OVERFLOW: visible; } --> </style> </head> <body> <div class="menu_box"></div> </body> </html>
 提示:您可以先修改部分代码再运行

作者: 14px   发布时间: 2010-11-10