仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 701|回复: 7
打印 上一主题 下一主题

[DIV+CSS] CSS教程之轻松弄定IE的CSS制造网页技能3则

[复制链接]
飘灵儿 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:40:10 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
有了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:46 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
小魔女 该用户已被删除
板凳
发表于 2015-1-21 16:11:24 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
爱飞 该用户已被删除
地板
发表于 2015-1-30 20:51:09 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
精灵巫婆 该用户已被删除
5#
发表于 2015-2-6 15:58:04 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
不帅 该用户已被删除
6#
发表于 2015-2-16 23:58:47 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
7#
发表于 2015-3-12 08:13:23 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
山那边是海 该用户已被删除
8#
发表于 2015-3-19 19:25:17 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-6-16 16:13

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表