2014年12月_ISaiSai

原创 absolute与float布局会使得高度宽度塌陷，仅仅保留边框。relative不会塌陷

absolute与float布局会使得高度宽度塌陷，仅仅保留边框。relative不会塌陷 #content { color: red; height: 100px; width: 100px; border: 1px

2014-12-26 17:18:23 4429

转载 apache 支持include（服务端包含配置）

1.确保mod_include.so 前面的注释去掉LoadModule include_module libexec/apache2/mod_include.so2. 取消注释： AddOutputFilter INCLUDES .html3.添加IncludesNOEXEC Options Indexes FollowSymLinks Include

2014-12-25 14:07:56 5401

原创 CSS3 content attr

css3 通过伪元素动态修改内容的方法 #content:after { content:"a"attr(data-hehe)"b" } #content:after {

2014-12-25 10:44:54 1844

原创删除IE input 下的小叉叉

input::-ms-clear { display: none; }可以删除IE 下输入后的清除小叉叉

2014-12-24 15:09:26 7717 1

原创 colspan =0 跨所有栏的效果

td 的 colspan =0 在firefox下会跨越所有的td但是在ie和chrome 下午小测试1 测试2 测试2 测试3

2014-12-24 13:41:46 3500

原创中划线与下划线的区别

下划线：是一个单词，可以双击选中全部中划线：是多个单词，无法双击全部选中aaa1_bbb1aaa1-bbb1

2014-12-24 09:09:52 8999 1

原创 javascript map

var a ={}; var key1= "key1"; var value1= "value1"; var key2= "key2"; var value2= "value2"; var key3= "key3"; var value3= "value3";

2014-12-24 08:46:42 516

原创 chrome input 光标垂直居中问题

chrome 下设置较高的input 的时候，光标不会居中（即使设置了相同的height 和line-height）解决方法：部分高度使用相同 padding-top 和padding-bottom 代替 .heightTest { padding: 10px 0px;

2014-12-23 20:35:56 5966

原创 javascript 汉字占两个字符统计长度的方法

var oriText = "一二三四五六七八九十1234567890"; // 将一个中文字符转换为两个星var result = oriText .replace(/[^\x00-\xff]/g, '**');alert(result.length);// 将输出30 （10个字符+ 10个汉字×2）

2014-12-22 15:47:37 1374

原创 IE11 不支持 document.selection

IE11 不支持 document.selection

2014-12-22 11:51:01 9582 1

原创 git commit -a -m 'xx' 不会提交没有add进来的文件新建文件

git commit -a -m 'xx' 不会提交没有add进来的文件新建文件如果新创建的文件需要单独执行 git add (有些IDE 会自动执行新创建的文件的git add)

2014-12-22 10:23:00 7037 1

原创超出容器高度的图片垂直居中，图片高度不定

超出容器高度的图片垂直居中，图片高度不定

2014-12-18 17:57:15 2175

原创 table的 cellspacing 本质是 border-spacing

table的 cellspacing 本质是 border-spacing

2014-12-17 15:43:53 4142

原创使用photoshop切片工具固定大小少1px 像素问题

设置了固定大小的切片工具切图，发现总是少1px，找不出原因嘿嘿最后发现居然是超出图片边界了1px

2014-12-17 15:24:13 4447

原创 white-space 各个值的含义DEMO

保留空白保留回车自动换行pre是是否pre-wrap是是是pre-line是（合并）是是nowrap是（合并）否否normal否否否按照上面4个变量的组合理论上应该有16个配置项目（包括空白及空白合并）保留空白和回车1.pre

2014-12-16 20:11:52 1170

转载 chrome 不支持12px以下字体为题的解决（使用-webkit-transform：scale(0.75)）

发现英文9px 设置在chrome 下无效，可以通过 -webkit-transform: scale(0.75); 12*0.75 =9 得到小字体http://www.cnblogs.com/dyllove98/archive/2013/08/04/3237042.html

2014-12-16 14:31:56 4986

原创 html 提前加载图片

经常会用到延时加载图片 lazyload有时候会相反需要提前加载一些图片，但是又不希望影响到页面性能可以使用隐藏元素添加 background 的方法，会最低优先级加载这些隐藏的背景图片，并且可以实现提前加载的效果

2014-12-16 11:57:52 3984

原创 css button 的四种状态 focus 伪类

1.普通状态2，鼠标hover状态 3.active 点击状态 4.focus 取得焦点状态 .btn { color: white; background-color: #008aa6; padding: 0px 1em;

2014-12-15 15:15:09 104538

转载 photoshop 自定义快捷键

第一个photoshop的知识记录，以后混ps圈了参考文档：http://jingyan.baidu.com/article/a3761b2b621d181576f9aa34.html选择ps的编辑--》键盘快捷键-》组-》工具修改响应的工具的快捷键

2014-12-14 14:47:23 683

原创通过getPropertyValue 取得最终的CSS样式

新学习一个js 的方法 getPropertyValue （实现 js框架中 css 的最终调用的函数），取得元素最终计算出的css 样式DEMO： #content { color: red !important;; } content

2014-12-14 10:36:17 3859

原创 PNG8 透明 IE6 原生支持

PNG8 透明 IE6 原生支持，对于品质不高的图片直接使用IE6 最好的解决方法PNG24 IE6 使用如下代码（只能是background 的图片，img标签图片需要转为background 的形式） background: url(XXXX.png) no-repeat;_background:none; _filter:progid:DXImageTran

2014-12-11 22:08:10 514

原创 css position 对 display 的影响

所有元素的position 设置为 absolute与fixed 的时候 display 都会被修改为block（无法显式的修改）元素的positon设置为relative的时候 display 不变

2014-12-11 09:13:08 1737

原创 select multiple 取值问题及jquery 的实现（type 是 select-multiple 不是 select-one ）

1 2 3 4 5使用原生的javascript 脚本只能够取得第一个选中的第一个的值var z = document.getElementById("mymultiple");alert(z.value)可以通过轮训所有selected 的option 取得所有选中的数值jquery 或者第三方类库会返回1,2,3,4

2014-12-10 10:23:18 9218

原创 CSS 禁止选择（取消被选中背景）

两个方案1 使用 user-select 禁止用户选择 -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ /*

2014-12-09 15:35:34 11351

ISaiSai的专栏