演示地址: http://www.wowo-design.com/view/51_01/index.htm
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单演示</title>
<style type="text/css">
<!--
*{margin:0;padding:0;border:0;}
body {
font-family: arial, 宋体, serif;
font-size:12px;
}
#nav {
line-height: 24px; list-style-type: none; background:#666;
}
#nav a {
display: block; width: 80px; text-align:center;
}
#nav a:link {
color:#666; text-decoration:none;
}
#nav a:visited {
color:#666;text-decoration:none;
}
#nav a:hover {
color:#FFF;text-decoration:none;font-weight:bold;
}
#nav li {
float: left; width: 80px; background:#CCC;
}
#nav li a:hover{
background:#999;
}
#nav li ul {
line-height: 27px; list-style-type: none;text-align:left;
left: -999em; width: 980px; position: absolute; fl ......
演示地址: http://www.wowo-design.com/view/51_01/index.htm
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单演示</title>
<style type="text/css">
<!--
*{margin:0;padding:0;border:0;}
body {
font-family: arial, 宋体, serif;
font-size:12px;
}
#nav {
line-height: 24px; list-style-type: none; background:#666;
}
#nav a {
display: block; width: 80px; text-align:center;
}
#nav a:link {
color:#666; text-decoration:none;
}
#nav a:visited {
color:#666;text-decoration:none;
}
#nav a:hover {
color:#FFF;text-decoration:none;font-weight:bold;
}
#nav li {
float: left; width: 80px; background:#CCC;
}
#nav li a:hover{
background:#999;
}
#nav li ul {
line-height: 27px; list-style-type: none;text-align:left;
left: -999em; width: 980px; position: absolute; fl ......
原文转载自 NextCool [ http://www.nextcool.cn ]
在当前IE6 IE7 FifeFox三分天下的情况下,浏览器兼容性问题成为网页设计者需要考虑的问题.
区别不同浏览器的CSS hack写法：
区别IE6与FF：
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
IE6
IE7
FF
*
√
√
×
!important
×
√
√
----------------------------------------------- ......
firefox等可以使用
var dom=document.getElementById("name");
dom.setAttribute("style","width:10px;height:10px;border:solid 1px red;") ;
IE中则必须使用style.cssText
var dom=document.getElementById("name");
dom1.style.cssText = "width:10px;height:10px;border:solid 1px red;";
补充一下，目前style.cssText类似innerHTML了，已经成为一个web开发的事实标准。因此测试显示firefox浏览器也支持这种方式。 ......
转载请注明出处：北京网站建设 http://www.beijingjianzhan.com-西西弗斯工作室。
随着W3C网页规范的影响和优势组件深入人心，<随着W3C网页规范的影响和优势组件深入人心。国内许多门户网站纷纷转为用div+css技术来重新编写网站页面，而对于许多已经习惯tabl布局的顺序员来说，要一下子转换自己的思维，用一种全新的思维方法来面对布局这一工作的时候，有困难的为了克服这种困难感，笔者在此谈谈自己的一些心得体会。
拿到设计师设计好的网页PSD文件后，过去。通常我都是切图，然后使用Dreamweav等软件，表格创立好框架后导图，然后开始具体代码的编写，现在应该暂时遗忘这种方法，当拿到一个PSD文件后，先在白纸上画清楚这个网页的结构层次，并给每个模块赋予相应的名字。
一个普通的网页，一般来说。大致可以分为以下几个大模块：头部，logo区、导航区、内容区、友情链接区、底部说明区。这些大模块里面又可能划分成若干个小模块，以内容区为例，可以按上下关系，分成第一部分焦点区(ID:focu第二部分图片区(ID:photo第三部分评论区(ID:review 等等，而里面的每个模块又可以继续细分小模块，一直细分到表示不同内容功能的元素。
都是由表现不同功能、具有不同层次的模 ......
最新文章 : css