-
JavaScript计算iframe高度
所属栏目：[经验] 日期：2018-10-08 热度：153
Java Script 计算iframe高度，方便做到高度自适应： Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);[详细]
-
IE6 CSS bug: position:relative变成了absolute
所属栏目：[经验] 日期：2018-10-08 热度：99
BUG描述： 页面中块级元素用了position:relative,bottom=-1px等元素定位,会表现出postion:absolute的行为. 解决方法： 方法1. 为此元素最外层父亲元素添加属性position:relative, 注意是最外层. 方法2. 把此元素的position:relative变成默认的static定位,[详细]
-
利用 iframe 假装异步提交表单
所属栏目：[经验] 日期：2018-10-08 热度：60
异步提交表单，但需要跨域，POST 是靠不住的，幸好 YUI3 提供了强大的 Y.Get.script 模块。后来，伟大的饺子哥说，可以直接用 Form 提交，纳尼？看看代码吧 ： iframe name=mangguo/iframe假如有个表单： form method=post action=http://www.mangguo.org/[详细]
-
纯CSS3文字渐变内发光投影效果
所属栏目：[经验] 日期：2018-10-07 热度：85
今天群上面同志们在讨论css3内发光效果，自己也就研究一下，写了个效果出来，涉及css3投影，渐变，蒙版，伪类等知识点，现在写下设计思路，仅供参考。发个效果图大家看先： 一般我们都是用css3的box-shadow来实现盒投影，用text-shadow来实现文字投影，box[详细]
-
纯CSS3透明水晶盒的实现
所属栏目：[经验] 日期：2018-10-07 热度：100
打过了趟深圳回来后，已经快半个月，在广州购书中心逛了下，发现2本前端书《重构HTML-改善WEB应用的设计》、《CSS3 实战》，看了一半《重构HTML》，发现看不下去，里面写的感觉不是很受用，可能是现在水平有限，参透不了，于是放下看《CSS3》。之前脑子里[详细]
-
[译文]避免常见的六种HTML5错误用法
所属栏目：[经验] 日期：2018-10-07 热度：134
原文链接请点击此处，作者为Richard Clark. 本文为原创翻译，同时对原文做了一些简化处理。本文遵循署名-非商业性使用协议。 一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的section等价于div具体地说，就是直接[详细]
-
纯Css实现网页上的Tips提示之小三角箭头
所属栏目：[经验] 日期：2018-10-07 热度：157
使用纯Css实现的网页上一个Tips提示效果，相信大家都在一些大网站见到过，例如，我们经常在淘宝网上购物时看到的小提示功能，如图一，在本例子中我们仅实现了小三角箭头，并没有实现关闭功能，因为关闭功能还需要引入相应的JS才可以。 下边我们来看实例代[详细]
-
IE6中a标签location.href失效解决方法
所属栏目：[经验] 日期：2018-10-07 热度：192
今天遇见IE6一个location.href的bug，具体情况是这样的，IE6下，在a标签中，将href写成javascript:;javascript:void(0);，并且给这个标签绑定onclick事件，点击后，执行location.href实现页面跳转，例如下面的代码： a href=javascitp:; onclick=toURL()点[详细]
-
CSS中各个浏览器兼容的解决办法
所属栏目：[经验] 日期：2018-10-07 热度：115
1. CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;[详细]
-
IE8 中关于 colspan 属性的 bug
所属栏目：[经验] 日期：2018-10-07 热度：161
IE8 认为所有的表格单元格都具有 colfont 属性。因此如果需要单独针对具有 colfont 属性的单元格设置样式，就有点棘手了。 td[colfont],th[colfont] {/* 注意：不管单元格是否有 colfont 属性，在 IE8 中该样式一律是生效的even if they don't have a colf[详细]
-
Css教程：可变高宽的圆角框
所属栏目：[经验] 日期：2018-10-07 热度：142
矩形框在网页中较为常见，不过个人觉得还是圆角框更为美观。那么圆角框是如何用DIV+CSS来实现的呢?假如把一张圆角框图片直接作为背景来处理，那么高宽就都被定死了，无法随内容而改变大[详细]
-
如何在html标记中调用的函数里传递对象
所属栏目：[经验] 日期：2018-10-07 热度：77
最近使用jquery结合Ajax开发一个中小型网站应用。在后台管理中要使用Ajax调用系统功能，根据Ajax的返回结果，使用 jQuery 对前台页面进行操作。 比如，使用Ajax调用删除信息的后台功能，如果返回success，则调用删除一行信息。 大体代码如下： Copy to Cli[详细]
-
Css等比例缩放图片后截取图片中的一部分
所属栏目：[经验] 日期：2018-10-07 热度：173
因为在做一个简单的相册功能，做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块，但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法 截取前： 截取后： CSS代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]img[详细]
-
HTML5网页让所有浏览器都能识别HTML5标签样式
所属栏目：[经验] 日期：2018-10-05 热度：167
如今HTML5愈来愈引发大家的关注了，但目前支持HTML5的浏览器还不是主流，特别是国内用户近50%以上仍旧使用IE6，由于支持HTML5的 IE9 不支持Xp系统安装，这样未来很长一段时间，HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法[详细]
-
关于HTML条件注释你可能不知道的一些事儿
所属栏目：[经验] 日期：2018-10-05 热度：112
最近经常看到类似这样的HTML代码片段，很多前端开发人员应该都熟悉： 1 !--[if lt IE 7] html class=ie6 ![endif]--2 !--[if IE 7] html class=ie7 ![endif]--3 !--[if IE 8] html class=ie8 ![endif]--4 !--[if gt IE 8]!-- html !--![endif]-- 这段代码[详细]
-
html5给文本框实现email域名自动完成效果
所属栏目：[经验] 日期：2018-10-05 热度：98
产品反馈用户总是输错email的域名，因此服务器得到的email的地址是错误的。比如，有许多用户总将xxx@qq.com输入成xxx@qq.con。 这让后端很烦恼，因为这个email地址是合法的，但是错误也是那么明显的(常识判断，至于qq.con域名是否存在我也不知道)。 为了解[详细]
-
CSS3转换功能transform主要属性值分析及实现
所属栏目：[经验] 日期：2018-10-05 热度：143
css3的到来，让css技术进一步提高了，以前在css2不能实现的功能,现在都可以实现了，例如: 圆角，文字阴影，透明度，渐变，转换，过渡，动画等等。这些功能使用起来很方便。 今天我想介绍一下转换的用法： transform主要包括以下属性值： rotate(旋转度数)[详细]
-
CSS教程：scrollbar的属性及样式分类
所属栏目：[经验] 日期：2018-10-05 热度：154
1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条） overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-3d-light-color立体滚动条亮边的颜[详细]
-
用CSS画三角形，纯CSS绘制三角形的代码
所属栏目：[经验] 日期：2018-10-05 热度：104
1、新建一个元素，随便什么元素，不过我习惯性的会用块元素来做。如果行内元素就display:block它。 div class=triangle/div 2、把它的宽高设置为height:0px; width:0px; 3、设置边框border属性，用来实现三角形。 首先要了解border具体是怎么样的，我写了[详细]
-
纯CSS3立体提示模块的实现，附源码
所属栏目：[经验] 日期：2018-10-05 热度：88
最近一些日子都在看JS方面的书，写小游戏，好久没写CSS了，昨天看了一个纯CSS3进度条的例子，感觉很有创意，尤其是用background-size来repeat渐变斜线这招，妙不可言。今天再浩方打dota的时候刷不进房间，看到它弹出一个提示框，如下： 发现跟进度条有个共[详细]
-
CSS3 中box-shadow用法
所属栏目：[经验] 日期：2018-10-05 热度：113
box-shadow:阴影水平偏移值（可取正负值）； 阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色； -moz-box-shadow:2px 6px 10px #888888; -webkit-box-shadow:2px 6px 10px #888888; box-shadow:2px 6px 10px #888888; filter: progid:DXImageTransform[详细]
-
使用HTML5/CSS3五步快速制作便签贴特效
所属栏目：[经验] 日期：2018-10-05 热度：70
本篇文字将展示给你的是，如何利用HTML5/CSS3，仅用5步就可以制作 便签 贴效果的HTML页面，效果图如下： (注： 图里的文字纯属杜撰，搞笑目的，如有雷同，纯属巧合，谢谢！ ) 注：该效果可以在 Safari , Chrome , Firefox 和 Opera 在看到效果，IE上由于对[详细]
-
抛弃 CSS Hacks 后的浏览器兼容方案
所属栏目：[经验] 日期：2018-10-05 热度：141
如果你看过之前发在芒果小站的《CSS 忍者：安全的 CSS hacks 秘籍 》这篇文章，应该基本清楚了通过 IE 条件注释替代 CSS Hacks 的技巧。最近考虑在项目中实际应用这个方案。 一般情况下的浏览器兼容需要考虑 IE6/7/8 三种 IE 版本，当然在 IE9 开始逐步推[详细]
-
onbeforeunload与a标签在IE中的冲突bug
所属栏目：[经验] 日期：2018-10-03 热度：139
onbeforeunload 是window的一个事件，目前 Firefox ，IE都支持，主要用来提示用户是否真的要离开该页面，通常在一些比较重要的数据提交之前，防止用户误操作导致数据丢失。典型的应用如gmail中，在写邮件的时候，如果刷新页面或者关闭页面，会出现提示。[详细]
-
CSS滤镜同时过滤文字的解决方法
所属栏目：[经验] 日期：2018-10-03 热度：147
初用CSS滤镜的朋友可能会遇到这样的问题:给div套上filter:alpha(opacity=50); 滤镜后，里面的文字也随之半透明,这种情况下，我们该怎么办呢？ 经过本人查阅大量资料，实验N次终于找到了一个兼容ie6,ie7,ie8以及firefox的css透明滤镜的方法,且看我举例说明.[详细]
