来一发CSS的办理IE5/IE5.5/IE6/FF的兼容性成绩
样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。之前找了几个分歧版本的可自力运转的IE扫瞄器，恰好拿来尝尝页面的兼容性成绩。不试不晓得，在IE6和FF中没成绩的页面在IE5和IE5.5中乱成一团，一向传闻IE5是WEB尺度制造的一个“钉子户”，如今不能不信任了。
既然有成绩，那就找找办理的办法咯，在网上一搜，相干的文章仍是很多的，以为最间接的办法仍是“IE前提正文”，很便利的就可以为IE的分歧版本写款式。但如许就得为每一个版本写一个款式，倒霉于文件的优化。
找了一些相干的CSSHACK后，以为应当能够把IE5/IE5.5/IE6/FF的HACK写到一同的，经由测试，终究找到了一个不错的办法，上面我们来看看怎样完成：
人人都晓得用!important声明能够提拔指定款式划定规矩的使用优先权，以下面的例子：
E1{
background-color:red!important;/*提拔优先权*/
background-color:blue;
}
但如许写在IE中会有个成绩，看过我的《关于CSS款式表优先级》和《关于CSS款式表优先级补遗》，你会晓得在IE6和FF顶用!important声明能够进步优先级别，但在IE6中的!important声明并非相对的，它会被以后的同名属性界说所交换。也就是说在下面的例子中，IE6所使用的是最初一个背景致的值，即“blue”；而在FF中背景致的值为“red”。依据这一点，我们就能够把FF和IE的款式分别开。
OK，办理了FF和IE的成绩，如今来办理IE本人的成绩。
看过了嘟嘟的《绕过IE6撑持IE5的别一种写法-IE也撑持">"》后有感而发，利用“＞”IE是不是真的能够认得？我们来看个例子：
E1{
background-color:red;
＞background-color:blue;
}
在FF中失掉的是背景致白色，而在IE中失掉的背景致是蓝色，依据款式重界说的划定规矩，假如扫瞄器能够辨认“＞”，则应当失掉的蓝色的背景，因而能够晓得“＞”只要IE能够辨认，这点是很主要的哦！在前面人人就会晓得了。（注：我测试过别的的一些标记，如“~”、“`”、“＜”等，都只要IE能够辨认，在此为了感激嘟嘟，保举利用“＞”）
我们再来看个例子：
E1{
＞/*IEonly*/background-color:black;
＞/*IEonly*/background-color/*IE5.5*/:green;
}
这个例子在IE6中失掉了玄色的背景；而在IE5.5中失掉的绿色的背景；在IE5中也失掉了玄色的背景。这就申明了第二句界说只要IE5.5能辨认，这是个很早就发布的HACK，能够在网上找到相干的材料，要注重的就是在属性名以后是有一个空格的。到此我们已把FF、IE5.5、IE6分别出来了，那IE5呢？实在如今我们只需把IE5跟IE6分隔就OK了，来看看例子：
E1{
＞/*IEonly*/background-color:red;/*IE5*/
}
E1/*IE5.5+*/{
＞/*IEonly*/background-color:black;
}
这里我们又用到一个HACK，就是“E1/**/{}”，这个界说在IE5以上的版本才干辨认出来。这个例子失掉的了局是，在IE5中的背景致为白色；在IE5以上版本中失掉的是玄色背景。
终究把分歧版本的扫瞄器都分别出来了，如许我们就能够为分歧的扫瞄器界说分歧的款式了。来看个完全的例子：
E1{
width:500px;
height:50px;
background-color:red!important;/*FF*/
background-color:blue;/*IE5*/
text-align:center;
}
E1/*IE5.5+*/{
＞/*IEonly*/background-color:black;/*IE6*/
＞/*IEonly*/background-color/*IE5.5*/:green;
}
必要注重的是，在下面例子中“background-color”界说的顺遂不克不及改动，即FF-IE5-IE6-IE5.5。关于IE的界说在属性前要加“＞”，由于“E1/**/{}”这个HACK在FF中能够辨认。大概你会想，下面的例子不是能够写成：
E1{
width:500px;
height:50px;
background-color:red;/*FF*/
＞background-color:blue;/*IE5*/
text-align:center;
}
E1/*IE5.5+*/{
＞/*IEonly*/background-color:black;/*IE6*/
＞/*IEonly*/background-color/*IE5.5*/:green;
}
如许不就又能够省下几个字节？是没错，但是HACK不是尺度，假如滥ACK，那只会离尺度愈来愈远！
</p>
可以增加更多的用户而不需要建立独立的版本。可以一次设计，随处发布。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet)的家喻户晓。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。 不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。 经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅. 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
页:
[1]