-
IE 表单控件的按钮聚焦问题
所属栏目：[经验] 日期：2018-10-07 热度：62
按钮的写法有两种，一种是 input value=按钮/ 或者 button按钮/button，如果按钮用于表单提交，还必须加上 type 属性（type=submit）。为了美化按钮效果，一般会设置背景和边框属性。 但在 IE 下，表单区域获得焦点的情况下，如果按钮的 type 属性被设置为[详细]
-
CSS切换文本输入框input为英文输入模式
所属栏目：[经验] 日期：2018-10-07 热度：115
烈83火63网(LieHuo34.Net)教21程 这是一个纯CSS代码实现的功能，将表单中的文本框自动切换为英文输入模式，有意思吧，可以用于限制输入数字和字符。 此为网友投入，烈火没有测试，代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]html head ti[详细]
-
CSS模块化之如果组织好css?
所属栏目：[经验] 日期：2018-10-07 热度：175
在w3ctech上闲逛,偶然看到了第一期讨论的话题网站重构中的文件组织,于是想写篇自己关于css组织的理解和想法,如下: 1.分类 1.1网站频道类 |--reset层:包含对样式重置,及一些常用样式名,如fl是float:left,tc是text-align:center; |--base层:包含header,menu,f[详细]
-
Css实现多层元素嵌套的圆角按钮
所属栏目：[经验] 日期：2018-10-07 热度：176
圆角按钮的实现看似并不困难，但会遇到如按钮宽度自适应文字长度等情况，不可能每次都切固定大小的背景图片。 自适应宽度的按钮，通常会采用类似下面的切图方法： 这样一来，只需要嵌套两层标签即可： a href=#span按钮/span/a a 标签设定右侧块的圆角背景[详细]
-
如何实现调整弹出窗口的大小？附演示
所属栏目：[经验] 日期：2018-10-07 热度：144
如何实现调整弹出窗口的大小？演示代码的实现，在window.open属性中加入resizable=yes参数值，即可实现，简单吧，试试吧。利用window.open我们还可做许多有意思的窗口特效，不过貌似现在IE和其它浏览器对这个函数有屏蔽哦。 代码如下： Copy to Clipboard[详细]
-
IE中flash遮挡div现象的解决方案
所属栏目：[经验] 日期：2018-10-07 热度：173
今天开始给网站首页的广告管理系统添加flash广告代码，结果出现IE中（包括IE6+）弹窗广告要flash遮挡的问题，后来想到了常用的iframe方法（参见《解决IE6 select z-index无效，遮挡div的bug》），最终成功了flash遮挡DIV的bug，但是在IE中还出现了浮动的DI[详细]
-
10个最容易犯的HTML标签错误
所属栏目：[经验] 日期：2018-10-07 热度：154
保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的HTML标签错误,[详细]
-
纯CSS3立体提示模块的实现，附源码
所属栏目：[经验] 日期：2018-10-05 热度：152
最近一些日子都在看JS方面的书，写小游戏，好久没写CSS了，昨天看了一个纯CSS3进度条的例子，感觉很有创意，尤其是用background-size来repeat渐变斜线这招，妙不可言。今天再浩方打dota的时候刷不进房间，看到它弹出一个提示框，如下： 发现跟进度条有个共[详细]
-
CSS3 中box-shadow用法
所属栏目：[经验] 日期：2018-10-05 热度：152
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 热度：81
本篇文字将展示给你的是，如何利用HTML5/CSS3，仅用5步就可以制作 便签 贴效果的HTML页面，效果图如下： (注： 图里的文字纯属杜撰，搞笑目的，如有雷同，纯属巧合，谢谢！ ) 注：该效果可以在 Safari , Chrome , Firefox 和 Opera 在看到效果，IE上由于对[详细]
-
抛弃 CSS Hacks 后的浏览器兼容方案
所属栏目：[经验] 日期：2018-10-05 热度：164
如果你看过之前发在芒果小站的《CSS 忍者：安全的 CSS hacks 秘籍 》这篇文章，应该基本清楚了通过 IE 条件注释替代 CSS Hacks 的技巧。最近考虑在项目中实际应用这个方案。 一般情况下的浏览器兼容需要考虑 IE6/7/8 三种 IE 版本，当然在 IE9 开始逐步推[详细]
-
纯英文纯数字 CSS 强制折行代码
所属栏目：[经验] 日期：2018-10-05 热度：198
文字折行经常被测试拿来当 bug 提，这种蛋疼的事情还是写个公共类了事吧! 将以下代码放在CSS文件中即可： .break-word { word-wrap: break-word; break-word: break-all; } （文章来源：芒果小站）[详细]
-
分享16个优秀的CSS3表单开发教程
所属栏目：[经验] 日期：2018-10-05 热度：113
CSS3给Web开发带来了革命性的影响，以前很多需要 Java Script才能实现的复杂效果，现在使用CSS3就能简单的实现。今天这篇文章和大家分享16个优秀的CSS3表单开发教程。 1. Create a Stylish Contact Form with HTML5 CSS3 2. Create a Slick CSS3 Login For[详细]
-
解决IE6 select z-index无效，遮挡div的bug
所属栏目：[经验] 日期：2018-10-05 热度：148
在最近的一个项目中，遇到了IE6 select遮挡div的bug，为了解决这个bug我查了很多资料，试图找到一个最最有效的方法，很多人是通过iframe的方法来解决，其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法，已经使用 j[详细]
-
不要使用value作为li的自定义属性
所属栏目：[经验] 日期：2018-10-05 热度：55
如果想利用DOM的自定义属性，不要给li设置value，不管给li的value属性设置什么值，返回的都是整型值。 但是，如果通过getAttribute还是能获得真实属性值的。而用obj.value和 jQuery 等类库中的attr方法是不行的。 来源：http://www.iliawang.com/[详细]
-
让 Chrome 崩溃的 CSS 代码
所属栏目：[经验] 日期：2018-10-05 热度：51
让 Chrome 崩溃的 CSS 代码，请看下边的CSS。点击查看DEMO（请使用谷歌Chrome浏览器） Copy to Clipboard 引用的内容：[www.veryhuo.com]background-image: -ms-radial-gradient(center bottom, ellipse closest-corner, #4B8BEE 0%, #78AAF6 100%); backg[详细]
-
学习HTML5的10个顶级资源
所属栏目：[经验] 日期：2018-10-05 热度：135
HTML5已经成为互联网行业的最新流行语，不少人相信这是Web的未来。即使没有加入该社区的人也承认，HTML5包括了本来应该从一开始的HTML规范中包含的功能。在这篇文章中，我们将告诉你大约10 个HTML5的资源，让您现在开始使用该技术。 1)HTML 5工作草案标准[详细]
-
CSS Sprites:实用技巧,还是潜在危险?[译]
所属栏目：[经验] 日期：2018-09-30 热度：75
无处不在的CSS sprites是为数不多的几个可以绕过逐渐流行阶段，而直接让自己成为CSS最佳实践的Web设计技巧中的一个。尽管在A List Apart对它进行一个解释以及赞同认可这种方式之前，它还没有真正地流行。它最早是由Petr Stancek.在2003年7月提出来作为一个[详细]
-
CSS 网页布局实例：横向分栏水平居中的实现
所属栏目：[经验] 日期：2018-09-30 热度：62
CSS 网页布局实例：横向分栏水平居中的实现 CSS 横向分栏布局实例，在内容显示区，因为元素未定义高度，所以必须添加内容，才能更好地显示元素的位置。也就是给正文显示区更大的余地，让内容决定正方的高度，因为本布局实例就是横向不变竖向变，以满足不同[详细]
-
CSS实例布局：绝对定位的DIV层实现
所属栏目：[经验] 日期：2018-09-30 热度：110
本文要介绍的教程是关于CSS绝对定位的布局问题，关于CSS绝对定位的好处是，不管网页窗口有多大或多小，其内部显示的内容不会变形，浏览用拖动条代替，在对布局显示要求较高的场合，绝对定位还是有很大好处的。这个使用绝对定位技术的CSS代码会告诉你该如何[详细]
-
CSS3实例效果五则,很实用的WEB开发教程
所属栏目：[经验] 日期：2018-09-30 热度：83
对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。 用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器（甚至是支持CSS3的浏览器）[详细]
-
把Flash转成Javascript/HTML5
所属栏目：[经验] 日期：2018-09-30 热度：133
SmokeScreen是这样一个开源软件，它可以把Flash的swf文件转成 Java script/HTML5，它的口号是：Flash without plugin。为什么要这样做呢？它说主要是因主Apple的iPhone/iPod/iPad不支持flash，而且看似Steve Jobs也不愿意在以后支持flash。所以，他们搞了[详细]
-
![全兼容可高亮二级缓冲折叠菜单[附DEMO演示]](/uploads/allimg/c180926/153O0P2aG0-11043.gif)
全兼容可高亮二级缓冲折叠菜单[附DEMO演示]
所属栏目：[经验] 日期：2018-09-26 热度：131
最近一段时间一直比较忙，已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来，共享一下。 在后台或OA系统中最常用到的布局往往是一个全屏布局，一般都是上中下三行两列布局，页头、页脚、左侧菜单加一个右侧ifame框架页。所[详细]
-
什么是css sprite?原理优缺点及使用实例
所属栏目：[经验] 日期：2018-09-26 热度：158
关于CSS Sprite CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
-
js+css实现禁止鼠标右键与选中网页文字
所属栏目：[经验] 日期：2018-09-26 热度：87
关于禁止右键的文章，烈火也曾经提到过几篇，相关代码都比较冗长，不够精简，在本文中我们来看一个js+css简单实现的代码，可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器 。 CSS代码： body{ -moz-user-select:none; hutia:expression(this.[详细]
