-
IE 使用高级CSS3选择器
所属栏目:[经验] 日期:2018-10-10 热度:174
别误会,IE是不支持CSS3高级选择器,包括最新的 IE8 (详见《CSS选择器的浏览器支持》),但是CSS选择器的确是很有用的,它可以大大的简化我们的工作,提高我们的代码效率,并让我们很方便的制作高可维护性的页面。 然而IE对高级CSS选择器特别是CSS3选择器[详细]
-
CSS 选择器的浏览器支持总结
所属栏目:[经验] 日期:2018-10-10 热度:106
我很久以前就开始计划着整理一下CSS选择器的浏览器支持,因为CSS3增加了很多非常有用的选择器。之前我也写过一篇《使用CSS选择器创建个性化链接样式 》,作为对CSS选择器的初步研究。 kimblim网站整理了一份很全面的CSS选择器支持情况,我将其翻译过来并进[详细]
-
CSS选择器创建个性化链接样式的教程
所属栏目:[经验] 日期:2018-10-10 热度:197
我们在设计网站的时候,有的时候需要根据页面元素的属性来制作不同的样式,比如,对于不同的链接类型,显示不同的链接图标。CSS的选择器是个很有用的技术,通过它们,我们可以很容易的实现某些效果。今天我们通过制作个性化链接样式来介绍一下CSS的属性选[详细]
-
window.open 定义窗口打开方式的代码
所属栏目:[经验] 日期:2018-10-10 热度:179
关于window.open,这是我们经常在网页开发中用到的,那么如何定义窗口的打开方式呢,比如超级链接、按钮,新窗口打开,当前窗口打开? 下面是一些烈火整理的实例代码,没什么技术含量,方便大家查询。 以下全部是当前窗口打开,很容易的,如果想在新窗口中[详细]
-
CSS将图片设置为网页背景的基础教程
所属栏目:[经验] 日期:2018-10-10 热度:125
本文将介绍Css的基础教程,如何使用Css把图片设置为网页背景,我们都知道如何使用dw设置网页背景,那利用了html的基础语法,如下: body background=images/liehuo.gif 那么再来看一下css中是如何设置的。 HTML head titleCSS将图片设置为网页背景/title s[详细]
-
JavaScript计算iframe高度
所属栏目:[经验] 日期:2018-10-09 热度:175
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-09 热度:181
BUG描述: 页面中块级元素用了position:relative,bottom=-1px等元素定位,会表现出postion:absolute的行为. 解决方法: 方法1. 为此元素最外层父亲元素添加属性position:relative, 注意是最外层. 方法2. 把此元素的position:relative变成默认的static定位,[详细]
-
利用 iframe 假装异步提交表单
所属栏目:[经验] 日期:2018-10-09 热度:170
异步提交表单,但需要跨域,POST 是靠不住的,幸好 YUI3 提供了强大的 Y.Get.script 模块。后来,伟大的饺子哥说,可以直接用 Form 提交,纳尼?看看代码吧 : iframe name=mangguo/iframe假如有个表单: form method=post action=http://www.mangguo.org/[详细]
-
CSS Hacks for IE,IE 也可以很完美
所属栏目:[经验] 日期:2018-10-07 热度:175
掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花,我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。当然 CSS Hacks 是最为流行的解决方案。但对于 IE 而言,目前已经有 IE6/IE7/ IE8 三个主要版本,不久的将来还会有 IE[详细]
-
CSS 忍者:安全的 CSS hacks 秘籍
所属栏目:[经验] 日期:2018-10-07 热度:72
你如何搞定 IE 这只难以驯服的怪兽?使用 CSS Hacks 或者条件注释么?恐怕没有什么解决方案是完美的。每个设计师或者前端码农都会有自己打败 IE 行之有效的方法。所有这些技术都各有利弊,让我们一起来看看。 通过条件判断引入样式表 使我们能很容易在 IE[详细]
-
需要掌握的30个最常用css选择器解析
所属栏目:[经验] 日期:2018-10-07 热度:110
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。 1. 星状选择符会在页面上的每一个元素[详细]
-
IE6 下的神奇 CSS 字体 bug
所属栏目:[经验] 日期:2018-10-07 热度:54
一直用的 Aptana 当编辑器,这玩意儿有一个很强大的代码格式化功能。你看: 不过格式化后就出问题了,注意格式化后 font 属性的写法。问题出在 font 属性的合并写法,12px 和 1.5 之间除斜杠之外的空格,IE6 下会导致后面设置的 arial 字体不生效。也就是[详细]
-
input标签与图片按钮水平对齐的解决方法
所属栏目:[经验] 日期:2018-10-07 热度:166
在日常的网页制作当中,我们可能会遇到input标签与图片在同一行的情况,这时候你会发现,无论你的css怎么写都会出现input文本框与图片链接无法在同一水平线上。昨日,烈火小编的朋友就来咨询,说他也遇到了这个问题,并且使用margin、padding等Css语法,都[详细]
-
图片延迟加载处理的实现
所属栏目:[经验] 日期:2018-10-07 热度:95
页面中图片过多能够让图片延迟加载会大大提高页面的加载速度,提高用户可用性。 1、有的页面是页面过长或过宽,可以考虑只加载显示区域附近的图片。 2、图片所在窗口不显示,比如Tab内容切换,内容轮播等也要考虑把没有显示的图片延迟加载 第一种情况推荐[详细]
-
表单中的隐藏域重置
所属栏目:[经验] 日期:2018-10-07 热度:192
在 DOM 中,表单重置非常简单,使用 input type=reset 或者 button type=reset 即可。原生 DOM 也提供了 reset() 方法用于表单重置。 但是在 Firefox / Chrome 浏览器中,如果字段是隐藏域(type=hidden)的话,使用 reset 是无法将字段值还原为初始值的。[详细]
-
如何使用 CSS3 伪类
所属栏目:[经验] 日期:2018-10-07 热度:150
CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为基本的选择器。许多强大的新伪类选择器(最新的 W3C 规范中列出了 16 条)使得我们能够在新的标准范围内[详细]
-
关于CSS Selector的优先级
所属栏目:[经验] 日期:2018-10-07 热度:85
今天在google reader上看到一篇博文,然后在问了组里的几位同事之后才发现自己曾经一直对css selector的理解存在着误区。据说老外的文章中很早就提到了关于css selector是优先级算法,只是到了国内被部分人员翻译之后,误解了其中的含义,导致现在很多人以[详细]
-
CSS自定义滚动条样式
所属栏目:[经验] 日期:2018-10-07 热度:147
相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来总结一下。当然,兼容所有浏览器的滚动条样式目前是不存在的。 IE下的滚动条样式[详细]
-
从语义开始 – 概念、意义、实践 [多图]
所属栏目:[经验] 日期:2018-10-03 热度:161
随着WEB标准在国内的不断普及,结构表现行为分离、模块化、语义化、优雅退化等概念也成为考核一名前端人员对WEB标准理解的重要条目,其中,由于SEO背后的商业价值影响,语义化得到了突出的重视,作为一名刚入门的前端工作者,我也曾单纯地认为,语义化便是[详细]
-
{ hide_text } CSS文字隐藏总结报告
所属栏目:[经验] 日期:2018-10-03 热度:74
最近整理的一份CSS文字隐藏的demo,总结了几种方法,希望得出一种最完美的方案放进自己的代码片段,可是,到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多,放下浏览器不谈,不同的应用终端,不同的标签结构会有不一样的[详细]
-
CSS跨浏览器开发原则[图文教程]
所属栏目:[经验] 日期:2018-10-03 热度:62
在互联网设计过程中,可以说没有什么比开发出一个能够在当前所有浏览器下都具有同样吸引眼球效果的设计更让人高兴的事了。遗憾的是,这个目标似乎都被普遍认定为不太可能实现。甚至有些人抛弃了对完美的追求,认为跨浏览器的兼容性并不是必备的。 虽然我也[详细]
-
ie8 css hack 颜色使用示例
所属栏目:[经验] 日期:2018-10-03 热度:54
随着win7使用者的不断扩大,开始将ie8纳入开发兼容浏览器范围 9 例:margin:0px auto9;.这里的9可以区别所有IE和FireFox. * IE6、IE7可以识别. IE8 、FireFox不能. _ IE6可以识别_,IE7、IE8、FireFox不能. .color{ background-color: #CC00FF; /*所有浏览[详细]
-
贸易战期间中美5G谁与争锋
所属栏目:[经验] 日期:2018-10-03 热度:152
特朗普宣布,将有可能对从中国进口的600亿美元商品加征关税,并限制中国企业对美投资并购。根据白宫新闻稿,美国将对中国一些技术密集型行业产品加收25%的关税,信息及通信技术行业产品赫然在列。[详细]
-
HTML中表单Input文本框只读不可修改的代码
所属栏目:[经验] 日期:2018-10-03 热度:94
在网页设计中,有的表单是不想让用户修改的,这样的文本框可以变成灰色,那么可以让HTML中的INPUT属性变灰色的代码是什么呢,本文就为大家介绍一下! 让用户不能修改其中的信息,比如:input type=text name=input1 value=最火下载站veryhuo.com 的内容,[详细]
-
HTML5上传文件显示进度实例
所属栏目:[经验] 日期:2018-10-03 热度:131
HTML5上传文件显示进度实例一文转自博客园,原文标题为:HTML5上传文件显示进度! 下面我们使用Html 5的新特性file api实现上传文件,并显示上传文件进度百分比。意图是这样的,当选择文件时,显示当前文件信息。这里我们是结合Asp.net MVC做为服务端,您[详细]