仓酷云
标题:
CSS教程之轻松弄定IE的CSS制造网页技能3则
[打印本页]
作者:
飘灵儿
时间:
2015-1-15 23:40
标题:
CSS教程之轻松弄定IE的CSS制造网页技能3则
有了CSS,我们不再需要用FONT标签或者透明的1pxGIF图片来控制标题,改变字体颜色,字体样式等等
网页制造poluoluo文章简介:尽人皆知道,IE一直是我们在制造网页时最难弄定的敌手。但又迫于其用户群数目之多,我们不能不设法想法弄定它。上面,将先容的将是使用其特性而被发明/制造出来的CSS技能。让你轻松弄定这个难凑合的家伙。
尽人皆知道,IE一直是我们在
制造网页
时最难弄定的敌手。但又迫于其用户群数目之多,我们不能不设法想法弄定它。上面,将先容的将是使用其特性而被发明/制造出来的CSS技能。让你轻松弄定这个难凑合的家伙。
IE正文:最平安的HACKIE的路子
<!--[ifIE]>
<linkrel="stylesheet"type="text/css"href="ie.css"/>
<![endif]-->
这应当是我最经常使用的办法了,一样平常情形下,我们如今已不必思索IE5大概以下的扫瞄器了,这个正文让我们能够轻松HACKIE,而且它是最平安的办法,由于其余扫瞄器不会显现/辨认它(这里应当感激微软的仔细,即便他精大意在先)。
至于IE8beta,以其为主扫瞄器的用户算起来应当不到K级,也临时不是我们应当弄定的工具(固然,弄定它是最好不外的事)。大概我们应当把但愿放在他正式版对CSS完善的撑持,而如今我们把最主要的放在弄定IE6
/IE7,辨别它们,我最经常使用的是上面的代码:
#forieothers{...}//用这个弄定IE7
*html#forie6{…}//固然,这是写给IE6的
而你必要注重的就是,别把它们的按次写倒了,由于#forieothers这个是会被IE6看到的,而依据CSS誊写按次的优先性,应当把让*html#forie6写在前面,让扫瞄器终极显现它,但IE7又看不到。
让IE6撑持PNG通明图片
#regular_logo
{
background:url(’test.png’);width:150px;height:55px;
}
/**/
*html#regular_logo
{
background:none;
float:left;
width:150px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’test.
png’,sizingMethod=’scale’);
}
/**/
这并非我喜好的办法,不外,也许你会喜好。固然,偶然候,我们导出GIF图片的时分,其效果和质量都大概不是很好,弄定PNG也许就是为这个而做的吧。也多是因为本人并非绘图的妙手,以是,对照罕用。
让IE6撑持min-width/max-width
#container
{
min-width:600px;
max-width:1200px;
width:expression(document.body.clientWidth<600?"600px":
document.body.clientWidth>1200?"1200px":"auto");
}
这应当长短常主要的技能,也是对照经常使用的。就像,你之前大概用了太年夜的图片,但如今又想用一个栏对照小的主题,这时候,这个办法就显得非常主要。抑或是,假如你想创立一个流体结构,这个代码对你来讲是必不成少的。
固然,这三个其实不能让你弄定一切IE的成绩。不外,这应当是最主要的。IE正文一般被CSS老手疏忽,而IE6显现通明PNG和IE6撑持最小/最年夜宽度是难点。好吧,我想,看到这里,也许你已学会了,大概,最少晓得这是办理办法。但也许另有一句话你应当记着:
少骂IE,完美本人!
缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
作者:
若天明
时间:
2015-1-17 23:39
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
作者:
小魔女
时间:
2015-1-21 16:11
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
作者:
爱飞
时间:
2015-1-30 20:51
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
作者:
精灵巫婆
时间:
2015-2-6 15:58
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
作者:
不帅
时间:
2015-2-16 23:58
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
作者:
仓酷云
时间:
2015-3-12 08:13
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
作者:
山那边是海
时间:
2015-3-19 19:25
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
欢迎光临 仓酷云 (http://ckuyun.com/)
Powered by Discuz! X3.2