些许 CSS 样式表的问题总结

[ 作者:笑傲江湖 发布于:2012年-4月-13日 21:20 星期五  分类:百 宝 箱 ]

  前阵子做项目,忙碌了一个半月多,早十点到晚十点,最后几天还整了个通宵,岁月催人老啊,熬夜大不如前,不服不行啊。
  项目完工,小小总结一下碰到的个别问题,基本都是CSS样式表相关的。
1、div元素的 overflow:hidden 在 IE6 中失效,需要 position:relative,IE7、8没有问题。
2、form 嵌套,会导致两个 form 之间的元素重复出现,嵌套这种情况一般不会出现,主要是页面中有include包含其他文件,导致嵌套了,见下面代码:
<form>
 <!-- 其他代码 -->
  <form>
    <!-- 其他代码 -->
  </form><!-- 这个form是include进来的 -->
 <div>这个元素可能会被重复显示</div>
</form>
3、flash 层叠和 IE6 中除链接元素外其他元素 hover 属性支持
  页面上有个Flash翻转展示图片的特效,不过Flash是Javascript加载出来的,同时读取XML文件里配置好的图片来进行翻转显示,所以此Flash的一个参数无法设置,导致一个弹出框被Flash动画遮挡住,主要是动态加载它的那个Javascript俺看不懂,没法,最后只能借助jQuery了,找了本电子书,研究了两天,算是搞定,顺便把IE6中除链接元素外其他元素 hover 属性支持一并搞定。
4、table 表格内 td 内容为空时边框不显示
  因为表格中td里的内容是程序动态生成的,所以某些td里可能会为空,当然,也可以让开发人员在写程序时如果内容为空就给个空格,这也能搞定,也不必麻烦开发的了,样式表也能搞定:
table {
border-collapse: collapse;
empty-cells: show;
}
table td {
display: table-cell;
}
5、英文字符串过长导致表格被撑开
  字符串超长的话,丫的不会自动换行,表格即使定义了宽度也不行,还是定义样式吧:
table {
word-wrap:break-word;
word-break:break-all;
}
6、select框是个怪胎,属于Window窗体级别的元素,层叠的话丫的总是在最上层,靠样式无解,只能模拟,或者iframe包裹了,麻烦,干脆把它挪地方,免的其他弹出显示元素被丫的挡住了。

微信支付宝

标签: CSS jQuery 样式表

评论0 引用0 浏览2672

说点什么:

正文内容:

 




图片博文
Windows 8 coming