- 博客(29)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 关于max-width：100% 不兼容的问题
在IE8中经常遇到的问题就是max-width，网页中图片的尺寸可能比较宽，我会给它设置max-width: 100%来限制其宽度最大为父容器的宽度，但是有时候却不奏效，慢慢摸索才得知IE解析max-width所遵循的规则：严格要求直接父元素的宽度是固定的。经实验发现Chrome所遵守的规则比IE松一些，所以这个问题应该不归属为IE兼容性问题，不过我还是提一下吧。分享两个我遇到的场景：（1）t
2015-03-12 11:06:50
10062
转载 Chrome下font-size:10px; 设置无效的解决方案
Chrome浏览器在解析字体大小时，最小字号为12px,小于这个大小的字号都会解析成12px,当你把一行文字设为10px时Chrome浏览器会按12px来解析。解决这个问题的方法是用Chrome的私有属性禁用浏览器文字大小调整的功能。-webkit-text-size-adjust:none;PS:在新版的chrome中已经禁止了改属性,建议使用CSS3中的方法:tra
2013-11-06 11:01:53
15300
1
转载 浅谈 js中parseInt函数的解析
首先还是从很热门的实例parseInt("09")==0说起。parseInt(number,type)这个函数后面如果不跟第2个参数来表示进制的话，默认是10进制。比如说parseInt("010",10)就是10进制的结果：10，parseInt("010",2)就是2进制的结果：2，parseInt("010",8)就是8进制的结果：8，parseInt("010",
2013-09-17 14:45:50
456
转载 响应式布局入门
转自：http://www.caihong.cc/?p=250最近研究响应式设计框架的时候，发现网上很多相关的属性介绍，却很少有系统的入门级使用的文章，我自己整理了一篇入门知识，并没有什么高深的理论，也不牵扯到框架。目前已经越来越多的站点以及wap站点使用响应式设计，因为大屏幕的移动设备越来越普及。而自适应布局已经无法胜任各种浏览需求。响应式设计的目的是尽可能以最好的布局显示您的数据，以实
2013-07-22 18:10:16
513
转载 盲人站长深恶痛绝的onfocus=”this.blur()”
来源：ued.taobao.com杭州最美的季节里，淘宝无障碍访问改善小组有幸邀请到盲人在线站长——争渡读屏团队成员——杨永全同学和我们一起面对面交流网站无障碍访问方面的问题。杨同学使用电脑必须使用读屏软件，就像他看不到我们的脸必须靠声音识别我们一样。在谈到读屏软件操作页面时，他对我们前端的同学特别的强调：他最深恶痛绝的就是页面链接上有 onfocus=”this.bl
2013-06-17 15:20:34
696
原创 CSS透明属性详解
opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持firefox, Safari和 Opera.filter:alpha(opacity=50); 这个是为IE6设的，可取值在0-100，其它三个0到1.-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。
2013-06-06 14:23:41
560
原创 CSS 鼠标选中文字后改变背景色
::-moz-selection{background:#FFFFFF; color:#000000;} ::selection {background:#FFFFFF; color:#000000; } 暂时不支持IE。
2013-05-16 14:29:41
1435
转载 如何使用page speed对网站进行性能优化（一）
在SEO网站优化中，其实网站的性能对于搜索引来来说，也是有很大影响的，例如速度方面，如果网站的打开速度快，那么搜索引擎蜘蛛程序在下载页面的时候，在同样的时间内，就会下载更多页面，从而在其他条件相同的条件下，就可以相对的收录更多的页面，而且网站的加载速度快，对于用户体验来说，也是非常好的，对于一个网页来说，如果打开速度超过一定的极限，用户就会直接的关掉这个页面，所以对网站进行性能的优化，不但是用户的
2012-10-26 16:05:01
398
转载 如何写robots.txt？
在国内，网站管理者似乎对robots.txt并没有引起多大重视，应一些朋友之请求，今天想通过这篇文章来简单谈一下robots.txt的写作。robots.txt基本介绍robots.txt是一个纯文本文件，在这个文件中网站管理者可以声明该网站中不想被robots访问的部分，或者指定搜索引擎只收录指定的内容。当一个搜索机器人（有的叫搜索蜘蛛）访问一个站点时，它会首先检
2012-10-26 15:28:49
478
转载 Lynx浏览器的使用
Lynx浏览器的使用 lynx在线版 地址：http://lynx.itlearner.comLynx 简介 Lynx 是一个字符界面下的全功能的WWW浏览器，可以运行在多种OS下，如VMS, UNIX, Windows 95, Windows NT等，当然也包括Linux。Lynx 占用资源极少，速度很快。Lynx是唯一能在字符终端
2012-10-18 11:21:57
4854
1
转载 -webkit-transform: rotate(40deg);
目前越来越多的浏览器兼容CSS3标准了，就连IE浏览器老大哥也开始向CSS3低头，微软宣布IE9浏览器支持更多的CSS3属性，IE9更注重HTML5标准。不过CSS3里有一个使对象旋转的属性transform rotate，号称兼容CSS3的浏览器对它的支持也不算好，好在Firefox、Webkit和Opera这些浏览器都已经提供了官方的hack去支持这个属性。唯独在IE浏览器里对这个transf
2012-09-14 17:19:34
2754
1
转载 htm5 user-scalable 的意思
user-scalable=yes,minimum-scale=1.0,maximum-scale=1.0"/>width - viewport的宽度 height - viewport的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是
2012-09-13 17:39:32
29174
1
转载 Towers in the Park by Mass Studies Studio
Source: www.yankodesign.com via Justin Gaston on Σ note
2012-08-31 14:20:40
212
转载 几款浏览器类似Firebug的插件工具
1. 火狐Firebug ---------------- 快捷键 F12小小萤火虫，功能却很全，太方便了，我们这些做前端开发的人员可享福吧。有DOM查看，js调试，css调试等等一系列的工具，真是太方便了，可以直接修改缓存里的内容，随时看到效果，不会影响实际页面，当你效果修改好了，可以把你做的实际修改到实际页面中就可以了，太方便了。2.WebKit的(Safar
2012-08-30 18:40:43
2611
翻译 自定义 placehoder 的字体颜色
input::-webkit-input-placeholder { color: #999; }input:-moz-placeholder { color: #999;}input:-ms-input-placeholder { color: #999;}同时定义 input 和 textarea 的写法::-webkit-input-placeholder { color: #99
2012-08-30 10:35:49
1353
转载 css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用
FILTER:progid:DXImageTransform.Microsoft.Gradient使用 语法： filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth) 属性： enabled:可选项。布尔值(Boolean)
2012-08-27 19:29:05
1382
转载 如何将DIV层放在flash上面
一 。IE浏览器下可用二 。firefox下可用关于wmode属性资料：（可选）允许使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。“Window”在 Web 页上用影片自己的矩形窗口来播放应用程序。”
2012-08-21 14:17:57
610
转载 CSS清除浮动 clearfix:after 使用技巧及兼容Firefox等符合W3C标准的浏览器
点评：在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没
2012-08-20 11:11:44
545
转载 textarea宽度的2像素bug/textarea高度的2像素bug
来源：HTML5中文学习站 作者：池塘里的黑鱼 extarea宽度的2像素bug/textarea高度的2像素bug解决方法：（在样式中加入如下代码：）textarea {-webkit-box-sizing: border-box;-moz-box-sizing : border-box;-ms-box-sizing : border-box;
2012-08-10 10:26:39
779
转载 输入框提示特效
输入框提示在很多提示都要用到，比如搜索提示用户输入关键字，比如登录提示用户输入用户名和密码等等。比较常见的提示方式是通过onFocus和onBlur事件来监听Input的值来给出相应的提示，例： onfocus="if(this.value=='设计蜂巢')this.value = ''" onblur="if(this.value=='') this.value = '设计蜂巢'" type
2012-08-09 16:58:34
4827
转载 让IE6支持first-child和last-child伪类选择符
关于 first-child 和 last-child 的用途我想就不用多说了吧，做导航、列表类的东东时，想让第一个或最后一个样式区别于其它中间的各个元素，比如字体、间距、背景……这时自然就会想到这两个伪类选择符。在这里我是想做一个图片展示，一行三张图片，各图片间距 55px，就版式需要而言，第一个图片这个 margin-left:55px; 是肯定不行的，实际需要它零距离抵边。以往的话，就是
2012-08-08 20:13:14
99
转载 在IE中使用first-child和last-child [半原][旧]
使用web standards做网页，经常需要定义某个父元素下的第一个子(child)元素或最后一个元素，以便将其与其他元素区分开来，有利于实现某些特殊需求。最浅显的例子是，导航项目间的竖线，我们往往通过border或者background来实现。特殊需求是，第一项左边无竖线或最后一项右边无竖线。遗憾的是，当前全球占有率最高的浏览器，IE6，并不支持这个伪元素。我们可以手工给第一个元素加上
2012-08-08 20:12:09
2066
转载 有用的:nth-child秘方
来源 ：http://www.qianduan.net/useful-nth-child-recipies.html当我想要完美的使用:nth-child或者:nth-of-type的时候有点儿头晕。你越理解它们，就能写出越好的CSS规则！在这些简单的”秘方”(实际上是表达式)中我将重复的使用一个简单的列表并随即选择数字。但是很明显很容易改变它们以获得类似的选
2012-08-08 20:08:14
385
转载 Pseudoclasses :first-child and :last-child for IE6
#subnav li {background-color: green;}#subnav li:first-child {background-color: red;}CSS for IE 6 (using conditional comments):#subnav li {background-color: expression_r(this.previousSibl
2012-08-08 20:06:21
499
转载 Documentation 文件上传
HTML CODE<style type="text/css"> .uploadify-button { background-color: transparent; border: none; padding: 0; } .uploadify:hover .uploadify-button {
2012-08-02 17:10:15
481
转载 input:-webkit-autofill 谷歌浏览器 修改input输入框的颜色
chrome的input去黄色背景方法：chrome默认的黄色背景色，还有选中时周围会有很粗的边框。很粗的边框让它的黄色背景给挡住啦。这个我gg了一下，然后看老外的写法搞定啦。去掉这个黄色背景，给input添加autocomplete=‘off’也就是把他的自动完成关闭了。去掉很粗的边框，给input添加outline：none;
2012-07-03 10:33:43
10661
1
转载 纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）,里面很多涉及到CSS3的一些属性。
图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦。其中绝大部分涉及到CSS3中的border-radius，text-shadow，transform等一些比较复杂的属性，所以需要有一点CSS3基础的最好。特别注意的是此效果不兼容IE1.正方形正方形1 #square {2 width: 100px;3 h
2012-06-29 17:31:05
7632
转载 用css制作一个三角形箭头
通常，我们做上图那个三角形，一般都是做张图，而且需要两张，因为一般都是下拉菜单的效果，需要有个hover的样式，箭头是反的。那是不是有更好的办法呢，毕竟要用两张图片来解决这么一个小问题太浪费资源了，于是，下面我要用一个剑走偏锋的方法来解决这一问题，用到的只需css的一个属性，就是border-width 我们先来看个样式，如果设置元素边框，会怎么样：TEST
2012-06-29 15:32:05
2090
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人