通过js解决IE缓存CSS背景图片的BUG解决办法

2009年7月2日 Yellow 没有评论

我们在设计网页的时候会经常用到背景图片。有时候页面已经打开了,这些图片实际上已经download到本地了,但IE还是会试图再次请求下载这些图片,导致页面要加载半天才能载入进来,这样无疑增加Http Requests,容易导致用户浏览的页面表示不够友好,消耗大量服务器的带宽,给服务器带来很大的压力。
阅读全文…

IFrame页面内target目标跳转到另一个iframe

2009年7月2日 Yellow 没有评论

项目二期开发基本完成,但是华为接口人觉得之前二期用的Frameset不太合适,现在想用两个Iframe来模拟以前的Frameset(唉…真能折腾!!!)。没办法,只能重新修改结构了。 阅读全文…

分类: JavaScript 标签: ,

CSS控制DIV层固定在浏览器底部

2009年7月1日 Yellow 没有评论

使用CSS控制DIV层,使这个DIV层一直在浏览器底部,代码如下:

  1. #foot{
  2.   width:100%;
  3.   height:50px;
  4.   position:absolute;
  5.   top:100%;
  6.   margin-top:-50px;
  7.   background:Blue;
  8.   color:white;
  9. }

首先要设置定位为绝对定位,并设置top为100%,当div的height为N数值时,其div层就必须设margin-top为-N值。IE,FF通过测试。

WP Theme 资源收集

2009年6月29日 Yellow 没有评论

来自国外的免费WordPress免费主题网站
http://www.themelab.com/
http://www.wpthemespot.com
http://topwpthemes.com/

分类: WP Theme 标签: ,

新发现的一个国外地址

2009年6月27日 Yellow 没有评论

http://www.experts-exchange.com/

分类: JavaScript, Xhtml+CSS 标签:

[转]让Iframe自适应高度

2009年6月18日 Yellow 没有评论

在Iframe中显示内容时,如果内容不固定,那么就需要让Iframe来自动适应页面的高度,下面是几种方法: 阅读全文…

分类: JavaScript 标签:

著名的万能float闭合Clearfix Hack

2009年6月17日 Yellow 没有评论

今天在蓝色理想看到了冰极峰关于弹性流体布局的文章时候,自己对流体布局有了一个重新的认识。不过今天在这里整理的是冰极峰同学在代码里面提到的万能float闭合Clearfix Hack。 阅读全文…

分类: Xhtml+CSS 标签: , , ,

[转]Firefox内存优化

2009年6月16日 Yellow 没有评论

转自bbs.smth.org

这个方法非常的简单,无需安装任何额外的软件,只需几个步骤。我以FireFox1.5.0.1简体中文版为例:
1.打开FireFox,在地址栏里输入about:config
2.按右键,选择新建——>布尔
3.在弹出的框里输入config.trim_on_minimize
4.然后选True
5.重新启动FireFox
重启后将FireFox最小化,现在按CTRL+ALT+DEL调出任务管理器看看FireFox的内存占用是不是低于10MB了?对,这个简单的优化能让你在最小化、最大化FireFox的时候,把它占用的多余内存都释放出来;并且当你刷新网页的时候,一部分内存也会被释放掉,达到占用更少内存的目的。其实这是IE7以及Opera早就默认具备的特性,只是FireFox还没有加上而已,相信以后的版本会改善这种情况的。
当然,如果你不觉得自己的FireFox吃很多内存又或者你的电脑内存有2G,那么不必进行这种优化。

本人测试,最新的FF3一样可以使用这个方法。

部分浏览器差异和Bug消除技巧

2009年6月12日 Yellow 没有评论

来源:http://www.dangbao.net/article/data/cssbug.htm

平时开发的时候经常会遇到一些Bug,做个整理和收集

CSS的优先权:style优先级大于id,id的优先级大于class。

FF下水平居中:margin-left:auto;margin-right:auto。

网页编码为UTF-8,页面注释最好用英文。

一个容器内有两个以上浮动元素注释时,容易引起IE BUG(莫名出现结尾字符)。解决方法:删除注释。

浮动+margin在IE6下出现双倍边距,display:inline消除。

IE6不支持除A标签以外的伪类。

IE下容器边框有断裂的地方,容器加上宽度或者zoom:1即可。

IE6捉迷藏bug:预览页面的内容不会出现。全选后出现。给藏起来的容器使用宽度和高度,或者设置line-height即可。

line-height和height的高度相同时,不同的字体显示是居中效果也不同。

list-style-image无法准确定位,建议使用li的背景来实现。

用vertical-align:middle来对齐文本与文本输入框。

禁用文本框中文输入法的通用方法:ime-mode:disabled。

分类: Xhtml+CSS 标签: ,

兼容各浏览器的CSS截取字符串省略号效果

2009年6月9日 Yellow 没有评论

做前台开发的时候经常会遇到截取字符串的效果,可以用JavaScript或CSS来完成,这里介绍的是兼容目前多个浏览器的CSS处理方法,后期会补全使用JavaScript处理方法。 阅读全文…