复选框单选框与文字对齐问题的研究与解决

2009年08月27日 by 张 鑫旭 阅读 124278 次, 今日 76 次

目前中文网站上面的文字,就我的个人感觉而言,绝大多数网站的主流文字大小为12px,因为在目前高分辨率显示器屏幕下,11px的汉字,其像素点开始不规整,文字不如12px来的显示良好。12px大小的文字就是主流也是底线。然而12px的文字与单选框和复选框是不对齐的。这12px大小文字与单选框和复选框对齐的问题不是好解决的。考虑到兼容性,控件本身的特殊性以及代码成本的控制等,使得这个问题不是简单就能解决的。
这不是我第一次研究单选框复选框对齐的问题了,因为平时对这个问题注意的比较多,也经常做些测试,对这个问题还是有一定的了解,也总结了不少自己的解决方法。今天我就写下来,供交流与参考。
尤其是第三和第五个方法,我是比较推荐使用的,其他方法也是很不错的,对于理解css,拓宽思路还是有些帮助的。

阅读全文…

css margin的相关属性,问题及应用

2009年08月25日 by 张 鑫旭 阅读 92895 次, 今日 32 次

margin为css中非常常用的一个属性,其所包含的内容也是很多的。本文主要分三部分对margin做一些分析叙述,包括其属性,使用过程中会遇到的问题,以及一些高级应用等。
其中属性将着重分享自己记margin各个参数个数位置含义的方法;
margin常见问题部分将讨论margin双倍边距形成的条件以及推荐的解决方法,讨论margin重叠的问题,简单叙述margin不起作用的一些情况;
margin负值的相关应用将讨论页面背景定位的问题,宽度自适应布局,选项卡中的应用,文字与图片对齐等问题。

阅读全文…

IE6下png背景不透明问题的综合拓展

2009年08月22日 by 张 鑫旭 阅读 169777 次, 今日 14 次

IE6不支持png背景透明或半透明。其解决方法有IE滤镜,纯粹的JavaScript,以及jQuery等,正所谓事非经过不知难,让png图片在IE6下背景透明显示只是第一步,如果对这些png图片做进一步的操作,往往会出现各类莫名的问题,例如无法响应单击事件,图片大小控制失效,无法实现background-position的定位等。本篇文章讲详尽阐述png背景透明会出现这些问题的原因,以及对每一个问题提供相应的解决方法,每个对应的方法提供相应的demo实例页面。在问题的探讨过程中会尽可能的分享我的一些经验。文章内容较多,涉及css, javascript, jQuery, flash, ActionScript, flash通信, photoshop图片处理等,有一定的深度和广度,希望对大家有帮助。

阅读全文…