
HTML/CSS
WinnSay
这个作者很懒,什么都没留下…
展开
-
CSS3圆角属性在Firefox,Chrome,Safari的实现
CSS3圆角属性在Firefox,Chrome,Safari的实现今天在aw那里看到他的博客用了Firefox专有的圆角属性,另外WordPress的后台也使用了,于是我自己也就试一下来用了。目前IE还未支持圆角属性,IE8我还不清楚支不支持,或许我们以后只要使用border-radius这个CSS3属性就能轻松地在现代浏览器实现这个困扰很多小盆友的问题了,希望这一天的到来不会太遥远。转载 2013-06-05 14:00:24 · 810 阅读 · 0 评论 -
使用 Emmet 提高编写 CSS 的效率
首先,Sublime Text 2 已经提供了比较强大的 CSS 样式所写方法来提高 CSS 编写效率。例如编写 position: absolute; 这一个属性,我们只需要输入 posa 这四个字母即可。它会弹出缩写样式的提示:你不妨在编写 CSS 的时候,留意一下 ST2 提供了哪些属性的缩写方法,这样就可以提高一定的效率了。但是 Emmet 提供了更多的功能,请往下看。转载 2013-12-23 13:40:22 · 771 阅读 · 0 评论 -
使用 Emmet 生成 HTML 的语法详解
在上篇文章前端开发神器 Emmet 介绍中,我简单的介绍了一下 Emmet ,并且用了一句指令迅速生成了一大片 HTML 代码。本文,就会介绍 Emmet 的 HTML 语法,看完之后,你就会看懂并且写出那句代码了。现在,打开你的 ST2 然后新建一个 HTML 文档,跟着文章,即时输入对应的指令然后亲自尝试一下!生成 HTML 文档初始结构HTML 文档的初始结构,就是包转载 2013-12-23 11:40:20 · 1083 阅读 · 0 评论 -
兼容IE6下PNG24透明的几种方法
方法一:css(这种方法可以使用在那些png图片不多,且不需要repeat的情况下。)css:.pngs24 {width:108px; height:108px; background-image:url(png24.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaIma转载 2014-01-02 15:37:40 · 1129 阅读 · 0 评论 -
html超链接a标签的href跳转跟onclick之间执行关系
html超链接a标签的href跳转和onclick之间执行关系html的a标签的href用于跳转,但如果加上onclick事件后,执行顺序?如下:如果onclick返回false,则a不进行跳转;如果onclick返回true,则a跳转注意:在onclick中要加上return关键字此经常用于在跳转之前进行判断!!转载 2013-11-13 10:48:01 · 2568 阅读 · 0 评论 -
关于IE7 z-index问题完美解决方案
浏览器兼容性问题太让人蛋疼了,今天可是废在了IE7的z-index问题上。可又不能因为浏览器版本低而不去解决,毕竟要从用户的角度着想。百度了好多还是无法解决,最后google了一下,找到了方法。 直接上例子: Html代码代码 "container"> "box1">This box should be on top转载 2013-11-26 15:47:36 · 132 阅读 · 0 评论 -
fireEvent方法的使用
在DHTML开发中,微软在其DOM中为每个元素实现了一个fireEvent方法。我们知道HTML的事件onXXX可以由系统(IE环境)来管理和触发,也可以直接执行事件的handler,比如onclick,如果被赋予事件处理函数,我们可以用element.onclick()来执行事件处理函数。那么fireEvent用来干嘛呢? 在MSDN中fireEvent的描述很简单:Fires a转载 2013-11-21 16:23:58 · 3039 阅读 · 0 评论 -
document.all 在各浏览器中的支持不同
all 方法最初是由 IE 浏览器拥有的,并不属于 W3C 规范范畴,他返回调用 all 方法的 HTML 标记自身内的所有子孙元素的 HTML 标记集合 。all 方法的详细说明请参见 MSDN:http://msdn.microsoft.com/en-us/library/ms537434(VS.85).aspx。通常情况下使用 document.all 方法获得文档元素内所有转载 2013-11-21 16:05:55 · 21667 阅读 · 0 评论 -
IE已经阻止此站点以不安全的方式使用ActiveX控件的解决
电脑出现IE已经阻止此站点以不安全的方式使用ActiveX控件,因此该网页无法正确显示”的处理办法"。 以下三类解决办法均尝试一下,直到可以为止。方法1:.更改安全级别..打开IE.找到上方的 工具-internet选项-安全,把那4个都设置下默认级别! 同时将工具-internet选项-隐私 调为低方法2:主菜单“工具”——Internet选项——安全——自定义级转载 2013-09-13 14:20:56 · 3543 阅读 · 0 评论 -
借助HTML分别禁用IE8, IE9的兼容视图模式(Compatibility View)
从 IE 8 开始,IE 添加了兼容模式,开启后会以低一版本的 IE 进行渲染。但是有时这样会导致网页出问题,于是我们通常在 html 中添加下列代码来使 IE 使用固定的渲染模式:12http-equiv="X-UA-Compatible" content="IE=8"> http-equiv="X-UA-Compati转载 2013-08-14 14:02:06 · 2994 阅读 · 0 评论 -
条件注释判断浏览器<!--[if !IE]><!--[if IE]><!--[if lt IE 6]><!--[if gte IE 6]>
除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目范例说明![if !IE]The NOT op转载 2013-08-14 13:59:14 · 807 阅读 · 0 评论 -
关于xmlns
做WEB页面的人经常会碰到形如这样的代码,那后面的xmlns是表示什么意思呢? 官方概念:xmlns是xml namespace的缩写,也就是XML命名空间,xmlns 属性可以在文档中定义一个或多个可供选择的命名空间。该属性可以放置在文档内任何元素的开始标签中。该属性的值类似于 URL,它定义了一个命名空间,浏览器会将此命名空间用于该属性所在元素内的所有内容。 为什么需转载 2013-08-19 11:32:28 · 685 阅读 · 0 评论 -
JavaScript + CSS 控制打印格式
1. 用media="print"的css来控制要打印的文件testPrint.html中引用media为print的样式,表示打印时该样式才起作用 Html代码 link href="/style/print.css" rel="stylesheet" type="text/css" media="print"> /style/print.cs转载 2013-07-30 13:13:51 · 899 阅读 · 0 评论 -
为页面添加滚动条
<DIV align=center style=' color: #ffffff; background-color: #660000; border: solid 2px #660000; width: 600px; height: 200px; overflow: scroll; overflow-y:auto;scrollbar-face-color: #889B9F;s转载 2013-07-05 14:29:49 · 885 阅读 · 0 评论 -
CSS HACK区别IE6、IE7、IE8、Firefox兼容性
CSS HACK区别IE6、IE7、IE8、Firefox兼容性问题1.区别IE和非IE浏览器#tip{ background:blue;/*非IE背景藍色*/ background:red\9;/*IE6、IE7、IE8背景紅色*/ } 2.区别IE6,IE7,IE8,FF【区别符号】:「\9」、「*」、「_」【示例】: #tip{ backg转载 2013-07-05 14:47:56 · 504 阅读 · 0 评论 -
网页特殊符号HTML代码大全
´´©©>>µµ®®&&°°¡¡ »»¦¦÷÷¿&iqu转载 2013-07-04 10:03:24 · 1365 阅读 · 0 评论 -
IE8的css hack
关注过IE8的css hack的人相信大家都在使用这个hack,就是“\9”的css hack:.test{color:#000000; /* FF,OP支持 */color:#0000FF\9; /* 所有IE浏览器(ie6+)支持 ;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack */[col转载 2013-06-06 16:44:37 · 436 阅读 · 0 评论 -
border-radius(圆角)的几点说明
border-radius:长度 Firefox支持border-radius(圆角):-moz-border-radius:2px; webkit内核的Safari和Chrome支持border-radius(圆角):-webkit-border-radius:2px; Opera支持border-radius(圆角):border-radius:2px; IE不支持border转载 2014-03-18 17:43:38 · 1027 阅读 · 0 评论