[js+css]图片自动等比例缩小且垂直居中[v20071208]
2009年6月25日
图片自动等比例缩小,其实如果不考虑ie6的话,用css就可以实现,设定img的max-width和max-height,而img标签内不设定widht和height即可。
ie7已经支持max-width和max-height,这是为数不多的好消息之一。但是对于ie6及以前的版本,就只能用js来设置了。
无尽网络里的神秘地带。
2009年6月25日
图片自动等比例缩小,其实如果不考虑ie6的话,用css就可以实现,设定img的max-width和max-height,而img标签内不设定widht和height即可。
ie7已经支持max-width和max-height,这是为数不多的好消息之一。但是对于ie6及以前的版本,就只能用js来设置了。
2009年5月14日
原文:IE7-/Win: A box with position:absolute next to a float may disappear
很久以前就看过这篇文章,当时写实例的时候正好遇到了这个问题。前几日再次看到这篇文章,就系统地翻译了一下。
另外增加了部分截图,方便阅读。
非技术性文字部分,就大概齐了,别在意那里。
2009年4月8日
元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也译为“盒子”)。但是不同的元素显示的方式会有所不同,例如<div>和<span>就不同,而<strong>和<p>也不一样。在文档类型定义(DTD)中对不同的元素规定了不同的类型,这也是DTD对文档之所以重要的原因之一。
2009年3月19日
利用CSS在导航条上标示当前所在频道的技术,已经有很长时间了,在很多CSS的书中都介绍过,不过还是总被问到,因此写一个简单的示例来讲解一下。
其实原理非常简单:
2009年3月17日
本例对于完全支持:hover伪类的浏览器来说,只需要CSS即可,但是同以前做的一些效果一样,还是需要JS来应付史前怪兽IE 6。
关于这个js文件,请参阅:《JS解决IE 6不支持:hover伪类的简单方法》
2009年3月16日
css2中规定,:hover伪类可以应用在全部元素上,而ie6只支持<a>的伪类,因此对于ie6需要使用js,而ie7/ff/op/sa直接定义:hover即可。
2009年1月21日
“选项卡”经常会被混同为“滑动门”,滑动门只是一种背景自适应内容的实现方法,不只可以应用在导航菜单,一样也可以应用在其他地方。例如选项卡中就可以使用这种技术。
“选项卡”一般和JavaScirpt及Ajax结合使用,以达到节约版面、无刷新页面更新信息、以及一些比较好的视觉效果。一般的选项卡都需要JavaScript程序来配合,完成切换的效果。
2008年10月30日
结构化确实是个让人头疼的工作。为了追求一个好的结构(或者说比较好的),往往需要花费掉很多时间,这在追求效率的今天,也许是不被老板允许的。所以很多网站虽然看上去抛弃了表格布局,而其实质上,仍然是表格布局的div变种。
看过本文第1部分中笔者修改过的头部结构示例文件,大家会发现,里面不仅改动了所说的4点,同时,具体内容的结构也作了修改,下面就来说说具体的内容结构方面。
2008年10月17日
无意间浏览到一个承接网页制作的公司的网站――唐宋中国。
首先网站的设计给我一个很好的印象,因此特意留意了一下它的源代码(做页面的职业病),结果发现了一些问题,而这些问题,可能正好是学习web标准的人常常会遇到的。