摘要:
摘自 http://blog.sina.com.cn/s/blog_6c8612790100wxsy.html1、IE6 幽灵文本(Ghost Text bug)遇到了这个bug。它相当的古怪和滑稽。一块不知哪来的重复的文本,被IE6显示在靠近原文本的下面。对此有许多解决方法,但是没有一个对我的例子有效(因为网站的复杂性我无法使用其中的一些方法)。所以我使用了hack。在原文本之后增加空格看起来能解决这个问题。但是,问题背后的真正原因是由于html注释标签。IE6不能正确的渲染它。解决方法:使用标签包围注释移除注释在前浮动上增加样式{display:inline;}在适当的浮动的div上使用负 阅读全文
摘要:
摘自 http://hi.baidu.com/wicker_wind/item/31a1f1da08302cfaca0c394b这些都是我之前工作中平时收集总结的问题,如果读者你有更正或增加的请回帖补充1. 使用img ul ul img排列时底部在IE6下有间隙解决方法:.downloadCon ul,.downloadCon .downLinImg{width:100%; float:left;} .downloadCon ul,.downloadCon .downLinImg{ clear:both; display:block;} downLinImg为图片样式去掉图片与容器之间的空格 阅读全文
摘要:
转载自 http://blog.csdn.net/freshlover/article/details/76052071:li边距“无故”增加任何事情都是有原因的,li边距也不例外。先描述一下具体状况:有些时候li边距会突然增加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究”发现是由于其 低级元素ul的padding引起,padding的上下值对li有影响,左右无影响。所以只好笨手笨脚地把padding去掉,换成margin。 这是能解决问题,但往往不是我们想要的结果,或许还会引起其他不必要的怪现象。现在终于发现解决这个问题的方法,其实很简单,既然是有ul引起的, 阅读全文
摘要:
引自百度百科一、CSS Sprites简介 CSSSprites在国内很多人叫css精灵, 是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅 一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。 加速的关键,不是降低重量,而是减少个数。传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求。所以,图片越多请求次数越多,造成延迟的可能性也... 阅读全文
摘要:
该列表被分为以下五个部分:选择器与继承伪类与伪元素属性支持其它各种技术重要bug和不兼容问题1. 选择器与继承子选择器示例: body > p {color:#fff;}描述: 子选择器选择一个特定父级元素的所有直接子级元素,在上面的例子中,body是父元素,p是子元素。支持情况IE6NoIE7YesIE8YesBugsIE7中,如果在父级标签和子级标签之间有一个HTML注释,子选择器将不会工作。链类示例: .class1.class2.class3 { background: #fff;}描述: 链类用于送一个HTML元素有多个class声明的情况,就像这样:<div class 阅读全文
摘要:
★HTML5 Rocks : Major Feature Groups 的学习HTML5 的资源(HTML5 演示, 教程 ).源码很不错的HTML5 Dashboard – Mozilla,效果很炫。WhatWG Developers, 一个清楚的 HTML5 技术规格说明书。★StackOverflow : 大名鼎鼎的技术问答式论坛。★Addyosmani, jQuery 和 JavaScript 文章教程Sohtanaka, jQuery 和 JavaScript 文章和教程★Nettuts+ 是一个面对Web开发人员和设计人员的网站,提供各种技术教程和文章,覆盖 HTML, CSS, 阅读全文
摘要:
老外的 http://haslayout.net/css/网站上,系统的总结了IE的一些Bugs,分享一下这个网站上包含了 46 个“普通的Bug” , 5个“布局方面的Bug” ,6 个“可以绕开的Bug” 以及 1 个“IE崩溃的Bug”,所有的这些Bug有58个指南和70个解决方法。IE的CSS Bug:普通Bug这部分IE的 bug 是比较普通的无法归到其它种类,或是同时属于多个种类的Bug。 General Internet Explorer CSS Bugs 解决方法名称IE的版本描述 Image Label Focus Bug(图片label bug)IE... 阅读全文
摘要:
HTML部分<div id="container"> <h2>6列布局</h2> <div class="cols cols6"> <section class="first col"> <header> <h3>布局单元1</h3> </header> <p>布局单元内容区</p> </section> <section class="col"></se 阅读全文
摘要:
一、Jquery UIJqueryUI是Jquery官方制作的插件,它的功能非常强大,内容涵盖也很广,包括日期选择、颜色选择、Tab标签切换、拖动层、索引排序、弹出对话框层、滑动门效果、进度条等等,而且还支持多种颜色样式和多种滤镜效果。 可以说,只要用了JqueryUI就不怎么需要其他插件了,但是它的缺点也是功能太庞大,有的时候不一个功能需要引用4-5个JS文件,加在会变慢。二、jQuery EasingjQuery Easing是动画效果扩展插件,它加强了Jquery中动画的效果。 比如slideUp、slideDown、toggle、show、hide等等,还有Animate。 使用起来也 阅读全文
摘要:
一、Javascript开发框架Extjs:Extjs的特长在于它创建了一套完整的前端用户界面,即Web UI 。包括用Css很难改变的复选框checkbox 、单选框radiobutton和下拉框select等等,它都进行了很好的美化,并加以非常炫的Ajax特效。但是这个框架对新手来说学习起来较难,并且已经开始收费了。 详情可以到他们的官网了解更多,http://www.ajaxjs.com/。Prototype:prototype较之Extjs更易于学习使用。它封装并简化和扩展一些在Web开发过程中常用到JavaScript方法与Ajax交互处理过程。 他的官网:http://... 阅读全文