【分享】iframe,img,script,link空路径对页面性能影响的解决方案

空路径对页面性能影响的解决方案

在做google统计时碰到的一个问题,用户点击下载时,iframe隐藏打开一个统计页面统计计数。初始化载入时,iframe得有个默认src值(因为考虑到为空会引发一些副作用 SD9019: 插入空白页面 IFRAME 元素时 Chrome Safari Opera 浏览器中会触发 load 事件),所以,所有的iframe都写了个blank.html页面作为src的默认加载页。结果就是这个blan...

阅读全文>>

【经验】固定高度容器内的image垂直水平居中另一解法

在某一个网站(freeappstools)上看到的这个“新奇”解法,说新奇,主要是国内各种总结的方法都没提到过,打引号,只是因为其中的原理很多人都知道:即依靠行高(line-height)的方法。

.App Tools on File-Software.com

阅读全文>>

【解决】阿拉伯语等右向左排版文字CSS解决方案

国际化市场,二十七国文字,其中免不了“反常态”的语种,比如,阿拉伯语,波斯语,希伯来文等,书写和阅读习惯都是从右向左,所以文字排版也要求是从右向左。
总结了一些解决方案,详细如下:

方法一:

html标签中添加 dir="rtl" 属性
<html DIR=RTL>   改变文档的书写顺序


方法二(css):

html{direction:rtl;uni...

阅读全文>>

【分享总结】浏览器Quirksmode模式与Strict(CSSCompat)模式

应该说,两者最大的区别在于盒模型的解释上面。先贴一段介绍文字:

在strict mode中 :
width是元素的内容宽度 ,也就是说,元素真正的宽度 = margin-left + border-left-width + padding-left + width + padding-right + border-right-width + margin-right;

在quirks mode中 :
wi...

阅读全文>>

【分享】Github上的README.md 编写技巧

分享的原文如下:

用github也1.年半了,虽然在上面也陆陆续续的建了些工程。但要么就是fork别人的,要么就是自己练习用的。今天终于开了下荤,建了个开源的小项目。但发现写README.md还是需要些技巧。这里记录下来.


针对中文,演示Markdown的各种语法

针对中文,演示Markdown的各种语法
  
大标题
===================================
  大标题...

阅读全文>>

【解决】IE6、7中SELECT标签高度的兼容性修复

(设置select高度为40px时在各浏览器中显示效果)

问题描述:

‘众所周知’,在IE6、7中用height来设定SELECT标签高度是徒劳和无效的。但在IE高版本及FF,chrome等浏览器中是“支持"的。
”支持“为什么要打引号?即使是在支持height的浏览器中,设定后的显示效果竟然也有很大差异。[注:line-height的设定对select标签在各浏览器中也是无效]
[注:各版本浏览...

阅读全文>>

【分享】IE7下 z-index的bug

z-index 有时候设置了很高的值如:z-index:999; 但是最后在 IE7中却达不到我们想要的效果,设置了z-index还是被遮盖了。因为其实是IE7的渲染DOM的问题,当一个父容器被定位(如position:relative)的时候,子元素的z-index属性会被重置。

解决办法: 在父容器中加上z-index值就可以了。z-index属性必须与position配合用,否则不会生效的。


【...

阅读全文>>

【解决】IE7 hover设置背景时DIV上挤(上移)的解决方案

话说也不知道是什么原因,写了一个很简单的UL>LI>DIV结构的列表,在IE7中给DIV:hover设置背景色时DIV总是上挤,造成列表视觉上跳动。

 

点击查看原图点击查看原图

(hover前)                                                (hover时)...

阅读全文>>

【分享】JQuery 选择器、过滤器及JQ对象和DOM对象的互相转换

一、JQuery与JavaScript
1.JavaScript库
使用过JavaScriptDOM的人都应该知道(比如昨天的练习),使用JSDOM进行页面的操作是十分麻烦的。比如获取、修改及添加子节点等这些操作。如果操作一个复杂的页面呢?Ok,JavaScript库因此诞生了。
目前比较常见的JavaScript库有:

2.JQuery简介
JQuery是继Prototype之后又一个优...

阅读全文>>

【解决】AJAX返回再度调用AJAX时两者返回参数混乱解决

问题如下

需要实现如下功能流程:AJAX提交数据保存,成功返回后再次调用ajax获取更新后的记录列表,第二次ajax返回后将返回的数据替换到 class为box的DIV中。

function afun(msg){   
    msg=eval("("+msg+")");
    if(msg.status=="msg_success"){ //如果返回状态为成功
        ...

阅读全文>>

1 2 3

Blogger

  • blogger
  • 天之骄子
  • 职位:研发工程师
    铭言:
    阳光与欢乐同在,
    与我同在
    主页:
    blog.baiwand.com

分类目录

日志归档

主题标签

数据统计

  • 日志:151篇
  • 评论:45条
  • 碎语:264条
  • 引用:0条

链接表

随机日志 »

最新日志 »

最新评论 »

标签云 »

订阅Rss
sitemap