imovies
当前位置:首 页>> 百 宝 箱 >>些许 CSS 样式表的问题总结

些许 CSS 样式表的问题总结

  前阵子做项目,忙碌了一个半月多,早十点到晚十点,最后几天还整了个通宵,岁月催人老啊,熬夜大不如前,不服不行啊。
  项目完工,小小总结一下碰到的个别问题,基本都是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包裹了,麻烦,干脆把它挪地方,免的其他弹出显示元素被丫的挡住了。
微信支付宝

标 签:CSSjQuery样式表

评 论0 引 用0 浏 览2716

上一篇《乌鲁木齐市物业管理条例》 留下备用

下一篇Zotac : Mini-ITX 主板 Z77 & H77

说点什么:

正文内容:

 

图片博文

订阅Rss

人到穷途应一笑,几凡失意仍能傲。成败何须问江湖,我心依旧任逍遥。
这一生只想好好做个平凡的人,有个家有个梦,陪我迎接每一个早晨。
这一生只想好好做个平凡的人,何必争何必问,只有快乐开心才是真。