摘要：
最近做一个活动页面，页面中有一个按钮，如果抠图处理单独作为按钮图片的话，效果不是很好，于是想将整个图作为背景，然后在设置一个<a>标签作为按钮通过绝对定位使其与图片中的按钮重合，从而达到点击按钮的效果。一切在chrome和FF下都很顺利，又在IE下栽了跟头。因为在IE下不会出现<a>标签的hover样式，也无法点击。若果将<a>设置背景色，则IE下就可以识别<a>了，但是又没有透明的背景色，于是想到用滤镜，但是IE6又无法兼容。后来还是只能将图片作为背景来设置，而不是通过<img>标签来放图片，就不会出现这些问题了。之前是用的< 阅读全文
摘要：
对于常用的hack，今天搜集了一下资料，好好的学习了一下，愚人码头的一个测试页面写得比较详尽，链接如下：http://www.fantxi.com/demo/html/browser_detector.html 然后我自己在本地进行了测试，沿用了愚人码头的背景配色，重写了css代码，最后还有一些额外的发现和收获。本次测试主要是针对IE6~IE9，firefox，chrome，opera，IE5.5如此古老的浏览器不在考虑之列。最后，特别注意的是：使用:root对IE9 hack的时候，还要在属性值后面加上”\0” or “\9”，否则FF和chrome下面和IE9的样式一样。而在opera.. 阅读全文
摘要：
AppServ，XAMPP，WAMP都是集成了apache,mysql,php的套装，使用起来比较方便，就不需要再去一个个的配置php，apache和mysql。 下载相应的安装包进行安装，不过对于php项目来说，WAMP会默认显示NOTICE信息，页面上一大段一大段的，比较难看。怎么去掉这些警告信息呢？先找到php.ini文件。其路径是：（我的安装路径是D:\wamp）D:\wamp\bin\php\php5.3.10\php.ini ，打开该文件。在文件中搜索，error_reporting = E_ALL，这是默认值，然后改成：error_reporting = E_ALL&~E 阅读全文
摘要：
其实之前做日常项目的时候，发现了font-size设置在IE6下带来的问题，然后去查了下，是由于IE6下div中的默认font-size值是12px，这篇博文有讲到，IE6中设置div的最小高度 ，然后，我自己也写个例子测试一下。仅用IE6和chrome进行对比测试。首先在页面中定义两个div标签，宽度*高度为200px*30px<divid="Layer1">div1</div><divid="Layer2">div2</div>然后设定其样式，如下：#Layer1{position:absolute;w 阅读全文
摘要：
IE6下font-size值设置与否对元素height,background产生的影响(一) 日前所做的一个小项目中，碰到一个IE6的bug，情况如下： 我使用一个<p><span>文字文字</span><span class=”picture”></span><span>文字文字</span></p>来描述一段文字，在这段文字中，还有一些小的图片穿插其中。其中我将小图片通过设置span.picture的background来实现。 html代码如下：<pclass="flow-nu 阅读全文
摘要：
项目中最近有用到一段小的js代码，需要判别IE6,7,8，自己整理了下。1<scripttype="text/javascript">2if(window.ActiveObject){//ifisIE3varua=navigator.userAgent.toLowerCase();4varcheckIE=function(r){5returnr.test(ua);6}7varisIE6=check(/msie6/),8isIE7=check(/msie7/),9isIE8=check(/msie8/);10if(isIE6){//TODO}11if(isIE7) 阅读全文
摘要：
phpmyadmin就是一种mysql的管理工具，安装该工具后，即可以通过web形式直接管理mysql数据，而不需要通过执行系统命令来管理，非常适合对数据库操作命令不熟悉的数据库管理者，下面我就说下怎么安装该工具： 1.先到网上下载phpmyadmin，再解压到可以访问的本地服务器的根目录下，如apache的www目录。 2.配置config文件 打开libraries下的config.default.php文件，依次找到下面各项，按照说明配置即可： A.访问网址 $cfg['PmaAbsoluteUri'] = '';这里填写phpmyadmin的访问网址,本 阅读全文
摘要：
众所周知，图片的水平居中比较简单，但是图片的垂直居中比较麻烦一些，今天查阅了资料并自己写了测试代码，来实现兼容IE,FF,chrome等主流浏览器的图片在div中的垂直居中的方法。css样式代码如下：<styletype="text/css">*{margin:0;padding:0}div{width:210px;height:210px;}.attention{color:red;font-weight:bold;}.example1{background:blue;}.example2{background:green;display:table-cell 阅读全文
摘要：
DOCTYPE，全名Document Type Declaration（文档类型声明，缩写 DTD）。通常情况下，DOCTYPE 位于一个 HTML 文档的最前面的位置，位于根元素 HTML 的起始标签之前。，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。 该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。具体声明可参考：W3C教程1. 混杂模式（怪异模式）主要是为了使IE6之前的古老浏览器能够正. 阅读全文
摘要：
把样式表氛围6个部分，首先是通配选择符，然后是元素、类、属性、伪类和ID选择符，需要!important选择符，将其放在ID选择符后面。 /* 通配选择符*/ /* 元素选择符*/ /* 类、属性和伪类选择符*/ /* ID选择符*/ /* !important*/ 这样写方便后面的样式能层层覆盖前面的样式。 阅读全文