caibinghong
- 浏览: 148840 次
- 性别:
- 来自: 福建
-
最新评论
-
caibinghong：
Ahua772 写道非常好，谢谢了，但是运行的图片怎么没有加载 ...
用于WebKit的CSS诀窍 -
Ahua772：
非常好，谢谢了，但是运行的图片怎么没有加载出来呢
用于WebKit的CSS诀窍 -
caibinghong：
呃是一个方法，现在改过来了，当时考的时候没有改！现在最底层是i ...
关于innerHTML 赋值问题 -
jayrao5566：
js的正确写法不是 .innerHTML = '<op ...
关于innerHTML 赋值问题 -
caibinghong：
在JQ与EXT里都解决的挺好的。http://caibingh ...
关于innerHTML 赋值问题
文章列表
http://classjs.com/category/technology/css/
环境：IOS的Safari环境
问题：在做移动端左右滑动的时候，用到了CSS3的Transition属性来进行动画变换，结果每次渲染Transition属性时，出现闪屏现象。
解决办法：在网上查了一下，有一下两种解决办法，
方法一：
上一章节我们讲到，webos 桌面的 html代码是从后台直接打印出来，那么完整打印好那些html元素，接下来我们要用js 去初始化一些东西。
91uu浮云【javascript实现】
在这边我大概讲解我们要去实现的功能：
初始化界面【 ...
上一节说到这个简单类似网络收藏夹的webos，那么我们要怎么配合后台去实现？
91uu浮云【桌面webapp块的实现方案】
<article style="overflow-x: hidden; overflow-y: hidden; height: 345px; ">
<section class="current" style="position: absolute; "></section>
<section style="po ...
上一篇 91uu浮云【简介】只是很简单的贴图出来跟站点出来给大家看。
这里我不说费话，进入正题。
91uu浮云【排版布局】
本实录针对有前端开发经验（即懂的html【div+css】+js）,以及懂的使用 jquery框架的人，若没有基础的人请进入http://www.w3school.com.cn/ 进行学习！
先看一张图:
(图：view)
我在图里分别进行编号：
（1）navs 导航区
作用：用于处理用户切换 类似 tabpanel组件
（2）pagebar 分页区
作用：用于用户上下页跳转
（3）de ...
css透明度
- 博客分类：
- CSS IE6 BUG
- CSS样式
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
浮动引起的行高丢失(float)
以下给出决解方案
.layout{
*zoom:1;
}
.layout:after{
content:'\20';
display:block;
height:0;
clear:both;
}
今天花了一天看了19lou云的代码，改了19lou的不足之处！
5.1后为大家讲解！
现在先贴上效果图让大家先看看先！
目前不支持ie7以下版本！
效果地址：webos.91uu.net
下一章：91uu浮云【排版布局】
JavaScript prototype 的深度探索
JavaScript 中对象的prototype 属性，可以返回对象类型原型的引用。这是一个相当
拗口的解释，要理解它，先要正确理解对象类型(Type)以及原型(prototype)的概念。
1、什么是prototype
JavaScript 中对象的prototype 属性，可以返回对象类型原型的引用。这是一个相当
拗口的解释，要理解它，先要正确理解对象类型（Type）以及原型（prototype）的概念。
前面我们说，对象的类（Class）和对象实例（Instance）之间是一种“创建”关系，
因此我们把“类”看作是对 ...
元素的Margin重叠
- 博客分类：
- CSS样式
- CSS IE6 BUG
元素的Margin重叠
了解一下重叠规则：
1.水平Margin不重叠
2.浮动元素上下不重叠 （float）
3. 飘动元素上下margin 不重叠 (position)
4.常规折行上下margin重叠
例：浮动元素上下不重叠 （float）/ 飘动元素上下margin 不重叠 (position)
#wrapper{
width:500px;
}
#wrapper p{
width:100px;margin:50px;float:left;border:1px red solid;
}
如果去掉float 就是另外两种情况
...
IE6/IE7不支持display:inline-block ?
有时候我只是想给元素加行高，内补丁，宽度高度，那么正常的浏览器下面，我们都是常常用这个display属性:
display 详细说明：http://www.w3school.com.cn/css/pr_class_display.asp
那么了解了这个属性，我们要怎么处理 IE6/7下的bug呢？
方法就是如下：
css hack 样式破解法，在ie6/7 下特别处理
*display:inline;
*zoom:1;
同理display:block;
IE6下的双边距Bug!
- 博客分类：
- CSS样式
- CSS IE6 BUG
IE6下的双边距Bug!
例：
.db_margin{
float:left ;
margin-left:100px;
}
!IE6情况
正常边距100px
IE6情况
变成了200px
why?what?为什么会这样，怎么搞定它？
测了各种浏览器，只有IE6内核下才会出现这个bug。
好了，看来它很调皮
那么我决解它：
给样式加一个 display:inline;
这样好像就可以了。
作为系列课程的第三讲，函谷担任此课的讲师，风趣幽默的讲解、充足的课堂演示，带来非常不错的课堂体验，本次课程主要focus在浏览器渲染机制相关的知识点，包括常见的浏览器兼容性问题，浏览器渲染和性能优化之间的关系，布局的多样性和适用范围，前端调试工具和各种抓包利器，本次课程ppt参照了之前沉鱼同学的课件。
http://www.slideshare.net/lijing00333/ss-12511889
百度百科看来讲的很清楚：http://baike.baidu.com/view/2945869.htm
haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有一个布局（layout）
要想更好的理解 css， 尤其是 IE 下对 ...
作为系列课程的第三讲，函谷担任此课的讲师，风趣幽默的讲解、充足的课堂演示，带来非常不错的课堂体验，本次课程主要focus在浏览器渲染机制相关的知识点，包括常见的浏览器兼容性问题，浏览器渲染和性能优化之间的关系，布局的多样性和适用范围，前端调试工具和各种抓包利器，本次课程ppt参照了之前沉鱼同学的课件。
http://www.slideshare.net/lijing00333/ss-12511889
渐进增强式布局探讨（上）
- 博客分类：
- CSS样式
来看一个经典的三栏布局：从内容出发（渐进增强的核心思想），一份合理的HTML结构如下：
<div id="page"> <div id="hd"></div> <div id="bd"> <div class="main"></div> <div class="sub"></div> <div class="extra&quo ...