- 博客(42)
- 收藏
- 关注
RSS订阅转载 关于shortcut icon和icon代码的区别介绍
语句一: 语句二 备注:语句一 Shortcut Icon 就是在网址列前面出现的Icon 问题:语句二 icon的作用是怎么?和语句一有什么区别? 指导 过去，为保证favicon出现，网站设计者和开发者采用了多种方法。很难明确地保证favicon可以在所有电脑上显示，即使是用同一版本的一种浏览器。 下列代码另一个局限就是它把favicon关联到了某个特定的HTML或XH
2014-12-08 18:11:58
432
转载 用一个二维码做下载地址，自动区分是 ios 还是 android, 甚至区分 iphone 和 ipad。
用一个二维码做下载地址，自动区分是 ios 还是 android, 甚至区分 iphone 和 ipad。12345678910111213141516171819202122232
2014-12-08 17:28:08
611
转载 html 自定义标签使用实现方法
xml文件中可以自由的使用自定义标签，html文件中同样可以使用自定义标签，但有几个注意事项：必需设置标签的xmlns属性。例如，可以这样声明：。 这是因为html文件有一个默认的“名字空间”，,等标签就处在这个默认的“名字空间”中. 很显然，这个默认的“名字空间”中并不包含我们的“自定义标签”，因此我们只能自己定义一个“名字空间”，让“自定义标签”处在这个自定义的“名字空间”中.
2014-12-08 16:55:48
913
转载 JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
在ajax中经常需要对元素的位置进行精确的定位，此时不仅需要获取元素自身的大小位置等属性。还需要知道页面、浏览器、滚动条等的长度和宽度。因为浏览器的兼容问题，如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅，并且兼容的解决方法。获取浏览器和页面文档的宽度和高度1 //获取浏览器显示区域的高度2 $(window).heig
2014-12-08 16:43:07
542
转载 IE绝对定位元素被遮挡的解决
一： 在进行网页布局设计的时候，经常会根据需要设置相对，绝对以及浮动定位最近突然发现了一个奇妙的现象：IE绝对定位元素神秘消失或被遮挡, 首先是IE绝对定位元素神秘消失,设置的绝对定位元素突然从IE浏览器下消失了，然而火狐能正常显示. 尝试对绝对定位元素进行清除浮动操作,IE下能显示，但是出现了莫名的留白，火狐下正常显示.至少这个现象表明，绝对定位元素在IE下神秘消失对相
2014-12-08 16:39:55
2287
转载 关于IE中超链接绝对定位无法识别点击区域
今天遇到一个很奇怪的问题，在使用a标签模拟图片热点时用到绝对定位，在火狐、谷歌其它浏览器下没有问题，但ie却无法点击a连接。 经过搜索，才知道在 IE6,7 下，绝对定位的链接，如果它没有设置背景，并且它在其它元素上方时，则最终的显示结果似乎被它下方的元素遮住了，不响应鼠标悬停和点击。如果给这个链接加边框，则只有边框部分响应。如果给它加背景色或背景图片，则整个链接都可以响应。 所以常用
2014-12-08 16:35:12
757
转载 浅析CSS——元素重叠及position定位的z-index顺序
多次在项目中遇到html页面元素的非期待重叠错误，多数还是position定位情况下z-index的问题。其实每次解决类似问题思路大致都是一样的，说到底还是对z-index的理解比较模糊，可以解决问题却不大了解其原因，导致重复出错......于是决定把重叠问题弄清下，把z-index理顺下。经过一番查找对比实践理解，下面就从元素重叠的背景常识及可能原因说起，浅谈下position定位元素的
2014-12-08 16:32:49
365
转载 IE6下z-index犯癫不起作用bug的初步研究
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=471一、匆匆带过的概念关于CSS中层级z-index的定义啊什么的不是本文的重点，不会花费过多篇幅详细讲述。这里就简单带过，z-index伴随着层的概念产生的。网页中，层的概念与photoshop或是fla
2014-12-08 16:26:08
326
转载 IE6双倍边距问题及其解决方法
IE6双倍边距在网页布局中是一个很常见的问题，网上关于IE6双倍边距的问题讨论很多，但大多比较笼统，一般认为在块元素(比如div)中同时出现flaot和margin两个样式时就会在IE6中产生双倍边距，写这篇文章的目的，就是把这个问题讨论得透彻一些，让大家明白，到底在什么样的条件下才会出现双倍边距问题。 以下是源代码：> html xmlns="http://www.w3.org/1
2014-12-08 16:23:10
1751
转载 inline-block元素间距去除掉方法介绍(图文教程)
一、现象描述真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子： 间距就来了~~我们使用CSS更改非inline-block水平元素为inline-block水平，也会有该问题：.space a { display: inline-block; padding: .5em 1em; background-color:
2014-12-08 16:19:31
412
转载 图片下面出现空白像素的问题解决
在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的，对于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空白的BUG的常用方法归纳，供大家参考。方法整理来源于万福的网络。 1、将图片转换为块级对象可去掉下边空白
2014-12-08 16:06:06
578
转载 CSS长度单位及区别 em ex px pt in
1. css相对长度单位Ø em 元素的字体高度Ø ex 字体x的高度Ø px 像素PixelsØ % 百分比Percentage2. css绝对长度单位Ø in
2014-12-08 16:03:55
704
转载 引用 CSS行高line-height属性理解及应用
引用qingli198 的 CSS行高line-height属性理解及应用 行高的概念看上去很简单——文字行的高度，其实，行高所涉及到的基础知识，对于今后理解其它属性也很重要。大片密密麻麻的文字往往会让人觉得乏味，因此适当地调整行高（line-height）可以减低阅读的困难与枯燥，并且使页面显得
2014-12-08 15:52:48
379
1
转载 CSS文字截取功能实现代码
用css来实现自动截取文字，不需要后台程序和JS的使用好处是： 兼容IE，firefox，Opera; 有利于内容完整性;有利于SEO; 无需后台程序处理; 可以在前台随时调节要截取的长度。 不好的地方： 不能自动判断截取长度，当字符很短的时候在Firefox中也会生成后面的省略符号。 另外在设置截取宽度的时候，要注意，尽量让文字截取完整。 Qu
2014-12-08 15:49:59
445
转载 CSS让图片垂直居中的几种技巧
在网页设计过程中，有时候会希望图片垂直居中的情况。而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。下面总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错。方法一将外部容器的显示模式设置成display:table，这个设置的意思不用多说了吧… img标签外部再嵌套一个span标签，并设置span的
2014-12-08 14:30:43
370
转载 ie6中min-height无效的解决办法
#container{height:500px;background:#fff; /*黑色*/}#page{min-height:500px;background:#F00; /*红色*/}dfsdpage层内容少，页面很矮，加了min-height后FF与IE7.0中page层可以覆盖住 c
2014-12-08 14:25:17
778
转载 【Js】鼠标滚轮事件
原文地址：http://www.joy-studio.com/frontend-develop/cross-browser-mousewheel-and-demo.html做东西用到：加上自己的理解o(∩_∩)o 哈哈。浏览器差异：firefox滚轮事件是DOMMouseScroll，其他浏览器使用的是mousewheelfirefox事件的event对象使用detail值
2014-12-08 14:14:21
437
转载 jquery 控制css样式
一、CSS 1、css(name) 访问第一个匹配元素的样式属性。 返回值 String 参数 name (String) : 要访问的属性名称 示例： $("p").css("color"); //取得第一个段落的color样式属性的值 2、css(properties) 把一个“名/值对”对象设置为所有匹配元素的样式属性。这是一种在所有匹配的元素
2014-12-08 14:00:53
414
1
转载 JavaScript事件冒泡简介及应用
作者：WebFlash出处：http://webflash.cnblogs.com 一、什么是事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它
2014-12-08 13:51:51
287
转载 inline、block、inline-block的区别
我们用firbug浏览别人网站时会发现设计者会在很多地方使用inline-block。我们都知道inline是声明div是内联对象，block是声明块对象，那么inline-block是什么意思，即内联又成块？接下来做个测试，让我们了解一下三者的区别和作用吧：1234567891011
2014-12-08 11:33:06
252
转载 关于js中window.location.href,location.href,parent.location.href,top.location.href的用法
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法"window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳
2014-12-08 11:23:05
240
转载 JS页面间传值
一：JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.例子：参数传出页面Post.htm—> function Post(){ //单个值 Read.htm?username=baobao; //多全值 Read.htm?username=baobao&se
2014-12-08 10:59:19
209
转载 js获取url参数值
今天碰到要在一个页面获取另外一个页面url传过来的参数，一开始很本能的想到了用 split("?")这样一步步的分解出需要的参数。后来想了一下，肯定会有更加简单的方法的！所以在网上找到了两个很又简单实用的方法，mark下方法一：正则分析法 function getQueryString(name) { var reg = new RegExp("(^|&)"
2014-12-08 10:57:37
292
转载 js页面跳转常用的几种方式
js实现页面跳转的几种方式，需要的朋友可以参考下。第一种： 复制代码 代码如下: window.location.href="jb51.jsp?backurl="+window.location.href; 第二种： 复制代码 代码如下: alert("返回"); window.history.back(-1); 第三
2014-12-08 10:56:15
263
转载 js跳出循环：break 、continue 、return
新手教程，高手请飘过！js也就是javascript里，跳出循环有三种方法：break、continue和return，下面通过实例来说一下三种方法的各自区别。先来看break：for(var i=0;i<=10;i++){ document.write(i); if(i==5){break;}}上面这个break实例，输出的结果为：1
2014-12-08 10:50:18
387
转载 JS中字符串的相关操作
一、字符串的创建创建一个字符串有几种方法。最简单的是用引号将一组字符包含起来，可以将其赋值给一个字符串变量。var myStr = "Hello, String!";可以用双引号或单引号将字符串包含，但要注意，作为界定字符串的一对引号必须是相同的，不能混用。像var myString = "Fluffy is a pretty cat
2014-12-08 10:45:49
210
转载 js刷新页面方法大全
本文介绍下，用js刷新当前页面的几种方法，包括reload方法、replace方法、自动刷新方法等。有需要的朋友参考下吧如何实现刷新当前页面呢？借助js你将无所不能。1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true,
2014-12-08 10:44:11
391
转载 CSS content内容生成技术以及应用
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=739一、哗啦哗啦的简介zxx://这里“哗啦哗啦”的作用是为了渲染一种氛围。content属性早在CSS2.1的时候就被引入了，可以使用:before以及:after伪元素生成内容。此特性目前已被大
2014-12-08 10:32:12
266
转载 自定义字体——自带常见图标，以后就省的切图了
简介：让你可以即时定制的可伸缩矢量图标； 公有302种图标任你选择； 图标的风格，如：大小、颜色、阴影可以通过css样式修改； 支持ie6、7；图例： demo：DOCTYPE html>html >head>meta charset="UTF-8" />meta name="author" content
2014-12-08 10:28:43
440
转载 CSS3的自定义字体@font-face:如何将icon变成字体？
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face)，包括IE6都支持，只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon，我们就可以尝试使用font来实现，本文将详细讲解这种用法。为什么要将icon做成字体？在很多网站项目中，我们常常会用到各种透明小图标，然后网站要兼容各个浏览器，也可能会有多个尺寸，甚至还要考虑换肤等需求。那么我们就
2014-12-08 10:23:52
518
转载 jQuery无刷新上传之uploadify简单试用
先简单的侃两句：貌似已经有两个月的时间没有写过文章了，不过仍会像以前那样每天至少有一至两个小时是泡在园子里看各位大神的文章。前些天在研究“ajax无刷新上传”方面的一些插件，用SWFUpload实现了无刷新上传的功能，不过个人觉得不是很完美。 昨天在网上找到了一个叫做uploadify的jquery上传插件，看到园子里有几篇文章也是介绍这个插件的，心想何不用这个试试。
2014-12-08 10:17:44
370
转载 网站网页栅格化
首先澄清一个应用场景问题。 指出，对于结构复杂的网站，不少设计师们喜欢采用960固定宽度布局。但要注意的是，960并不是万能钥匙，大部分网站没有也不需要栅格系统。 Amazon采用的是宽度自适应布局，最大限度的呈现信息。Google更是简简单单，主题部分就一个列表。eBay的页面非常简洁，商品页面宽度自适 应，信息自然流畅，噪音少，购物很踏实。类似的站点还有很多，对于这些站点来说，宽度自适应布局更
2014-12-08 10:13:42
1297
转载 基于display:table的CSS布局
应原书编辑要求，先在文章顶部给出链接：《Everything You Know About CSS Is Wrong》http://www.sitepoint.com/books/csswrong1/这本书是10月发行的新书，为了避免版权纠纷，如要转载本文请保留以上链接，并遵循该CC2.5协议。从digital-web的首页上看到一个标题党《Everything You Kno
2014-12-08 10:08:38
353
转载 IE bug 小整理
IE6 的BUG 真让人头疼。。 整理一些浏览器兼容问题，以备不时之需。IE与Firefox兼容性" title="div+css扩展框问题浮动下降 IE与Firefox兼容性" style="margin:0px; padding:0px; border:0px; list-style:none"> 1.图文混排，容易导致 扩展框问题.扩展框问题这样排版容易导致
2014-12-08 10:05:52
285
转载 使IE6下PNG背景透明的七种方法任你选
最近发现了个很方便的方法（转自：http://mengqing.org/archives/ie6-png24-transparent.html） IE6下png24透明 完美支持background-positionPosted on 2010 年 11 月 19 日 by 縫隙相信如何解决png在ie6下透明的问题困扰了很多人。为了追求更好的页面效果，很多人喜欢使用png
2014-12-08 09:58:57
277
转载 解决IE6浏览器下position:fixed固定定位问题
像你所遇到的问题一样， IE6浏览器有太多的bug让制作网页的人头疼。这篇文章介绍的是介绍的是如何解决IE6不支持position:fixed;属性的办法。如果我们需要做某个元素始终位于浏览器的底部，不会因为浏览器窗口的缩放和滚动条的滚动而变化，那个肯定是想到的用position:fixed生成绝对定位，只要设置这个CSS属性就能达到刚刚的需求。当其他浏览器都正常显示的时候，只有IE6不那么完美。
2014-12-08 09:55:13
445
转载 JS中的caller和callee属性
caller返回一个对函数的引用，该函数调用了当前函数。functionName.callerfunctionName 对象是所执行函数的名称。说明对于函数来说，caller 属性只有在函数执行时才有定义。 如果函数是由 Javascript 程序的顶层调用的，那么 caller 包含的就是 null 。下面的例子说明了 caller 属性的用法：
2014-12-05 14:06:53
261
转载 html5开发之viewport使用
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点……viewport 语法介绍：01
2014-12-05 13:17:28
249
转载 理解viewport与device-width
原文 http://www.xiaocaoge.com/understanding-viewport-and-device-width.html在响应式设计或移动Web开发当中经常见到的一句代码：meta name=”viewport” content=”width=device-width” >content属性还包括initial-scale，user-scalabl
2014-12-05 11:33:47
3531
转载 CSS中Zoom属性的作用
CSS中的Zoom属性一般不为人知，甚至有些CSS手册中都查询不到。 Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。 Zoom的使用方法： zoom :normal | number norm
2014-12-05 11:24:24
547
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人