芦大叔-CSDN博客

原创 IE7及以下多个行内元素时浮动元素折行不环绕

问题<div class="part"> <span>万达....</soan> <a class="more" href="#"></a></div>大多数浏览器下 IE6/7下原因在IE6/7中无法产生环绕效果，可能的原因有同一个父容器内有多个行内元素；某些为非浮动元素，某些为浮动元素（可以是左浮动或右浮动）；浮动的子元素不都是位于非浮动的子元素之前。解决办法

2016-04-05 10:16:58 442

原创 highcharts开发目录

highchartsAPI 在线演示highstockAPI 在线演示highstock K线图深入研究

2016-03-31 19:37:22 456

原创 console.log兼容性

console.log报错我们都很喜欢在浏览器调试是用到console.log, 最近的项目要求兼容全浏览器偶尔发生代码执行不了的问题，发现全是console.log的问题，注意一下它的兼容性吧。特性 Chrome Firefox (Gecko) Internet Explorer Opera Safari 基础功能 (Yes) 4.0 (2.0) 8 (

2016-03-30 23:46:49 2622

原创各浏览器下字体问题记录

设置字体在chrome下或firefox下无效没有对应字体栈中的任何一个字体设置了sans-serif却显示出serif字体是因为html标签的属性。 <html lang="zh-CN">Chrome下字体大小与其他浏览器不一样Chrome默认不允许字体小于12px,所有小于12px都被当成12px显示。解决办法是在对应css选择器中加-webkit-text-size-adjust:no

2016-03-25 23:52:47 546

原创右浮动位置问题

一开始我以为是ie6下的问题，后来经测试是所有浏览器。想了一下，这个问题涉及BFC, 当父容器未声明宽高，而子元素都是浮动素即它们会脱离普通文档流。解决目标触发ie6/7下的hasLayout清除父元素受浮动元素的影响解决办法在容器里新增一个div.clearfix,像这样.clearfix { clear : both;}给父容器加上.parent{ overflow:

2016-03-24 22:37:30 413

原创 ie6下z-index无效

其实不是这样的！对！可以生效！也许你和我一样，设置了z-index发现在ie6下无效所以来寻找hack的方法.. 但是，其实z-index是可以生效的，只是ie6这个变态解释得很奇怪。[ ie6下的z-index ] 当前元素的层叠高度取决于祖先元素中最顶层且为relative的元素设置的z-index ! 且要生效的标签设置position属性，除static ！<html>di

2016-03-23 21:33:58 238

原创浮动元素没有撑开父容器

一开始我以为是ie6下的问题，后来经测试是所有浏览器。想了一下，这个问题涉及BFC, 当父容器未声明宽高，而子元素都是浮动素即它们会脱离普通文档流。解决目标触发ie6/7下的hasLayout清除父元素受浮动元素的影响解决办法在容器里新增一个div.clearfix,像这样.clearfix { clear : both;}给父容器加上.parent{ overflow:

2016-03-22 23:44:43 360

原创 IE6下设置div的height:1px失效

IE6下div的默认高度是字体的行高，当我们设置height小于这个值它依然会采取行高。解决办法：设置 line-height:0div { background:#212121; width:100%; height:1px; line-height:0;}同理也可以设置font-size:0div { background:#212121;

2016-03-20 13:36:31 237

原创谈谈烦人的hasLayout和BFC

hasLayout是ie5/6/7下特有的一个属性，也是无数IE6测试下bug的根源。什么是 haslayout ？ haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasL

2016-03-20 11:41:47 276 1

原创 IE8及以下不识别H5标签

是的, 竟然IE8也是不能识别的 .. 这个不能识别指的是这些标签如<header>不会被当<div>处理，没有内容没有样式.. 解决办法使用Google的html5shiv包

2016-03-18 00:05:13 495

原创 IE6下图片撑满页面并有最小宽度

要让一个大图保持可见度的情况下动态撑满屏幕，不管IE6时这样就行 xx.jpg(1920＊200).box { background:url(xx.jpg) no-repeat; min-width:1003px;margin:0 auto; }这样，图片至少保持1350宽尺寸的内容可见度下，图片会随容器撑满宽度。经测试IE7及以上都可以，IE6表现为始终动态撑满容器宽度。解

2016-03-17 23:53:40 291

原创 IE6下hover失效

要让IE6 hover正常，注意一下三点IE6及以下只对a标签有hover这个伪类一定要记得加a标签的href属性！（被坑了..）可以把hover交互嵌套在a标签里，但是记得要对a:hover的css上有改动才生效a:hover {zoom:1;}a:hover .showmyname { color:red; }

2016-03-17 23:38:46 216

原创 IE6下margin双倍边距

开始工作之后任务都是要求兼容所有浏览器，之前都在IE8+版本上兼容，大概了解些IE6的bug但一直也没实际遇到过 .. 借此机会，把我遇到的所有ie bug记录下来～共勉！触发条件：浮动元素的浮动方向和margin的方向一致 .{ float : right; margin-right:100px;}{ float : left; margin-left:100px;}只有第一个元素

2016-03-17 22:13:58 279

原创 github中ssh配置

首先在本地创建ssh key；$ ssh-keygen -t rsa -C "your_email@youremail.com"之后会要求确认路径和输入密码，使用默认的一路回车就行。设置权限 chmod0700 /.ssh chmod 0700 ~/.ssh chmod 0600 ~/.ssh/id_rsa*cd到~/.ssh目录下，复制全部内容到github中对

2016-03-05 00:46:53 227

原创 setTimeout中this指向全局windows

遇到一道题目foo = function(){ this.myName = "Foo function.";}foo.prototype.sayHello = function(){ alert(this.myName);}foo.prototype.bar = function(){ setTimeout(this.sayHello, 1000);}var f

2016-03-02 20:56:32 1120 1

原创 Git指令整理

好好学习一下Git, 之前都是可视化界面操作的学了才知道，还是指令方便啊。官方文档写得非常好，受益匪浅.. 就是书太厚啊啊还在整理，边试边记在整理慢慢来 .. Git的基本工作流Git仓库用来保存项目的元数据和对象数据库的地方。工作目录本地的工作目录。暂存区域一个“索引”文件，保存了下次讲提交的文件列表信息。基本的 Git 工作流程如下： 1. 在工作目录中修改文件。

2016-02-29 01:44:57 254

原创 AMD&CommonJS入门学习

今天学习了一下模块化开发的规范AMD和CommonJS, 整理一下所学也希望大家能一同学习探讨。AMD和CMD是什么AMD是RequireJS推广过程中对模块的规范化，理念是依赖前置，速度快、会浪费资源； CMD是SeaJS推广过程中对模块的规范化，理念是依赖就近，性能较差，只有使用时才加载。 RequireJS、Sea.js、curl.js都属于脚本加载器，就是以一种规范的形式去加载存在依赖

2016-02-26 23:36:54 2890

已经大三了，最近总是想写些什么来记录，迫不及待来开博！大二通过工作室开始接触自学前端知识，从一开始搭建wordpress改主题，还被学长夸主题改的好看啊哈哈，接着照着南开校网自己写了套css+html搭配wordpress，差不多一个学期熟悉了html布局和css基础对js也有了个模糊的概念。完成这两个当时非常开心得接下了工作室官网想做一些炫酷的页面效果，画了设计图发现旋转图片相册我实现不了，就去自

2016-02-23 15:38:27 350

github_25505453的博客