-
css 美化 input 文本框与 button 按钮
所属栏目：[经验] 日期：2018-10-09 热度：119
我们会看到很多网站的文本输入框都非常漂亮哦，如taobao等，下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧，大家自己去测一下吧，很漂亮的。 .SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; paddin[详细]
-
禁止缓存:给css/js加上时间戳
所属栏目：[经验] 日期：2018-10-09 热度：78
好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存，到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后，常常会出现客户端没有更新，导致显示出现问题。之前我一直使用时间戳参数的方法来解决： 每次更改了css文件就把参数time的值[详细]
-
CSS border三角的一个应用实例
所属栏目：[经验] 日期：2018-10-09 热度：112
早上了解到一个名为css border三角的技术，纯css2实现,兼容各浏览器(包括Ie6)，且效果非常好，当时即内牛满面，顿感牛人之强大。自己不敢不有样学样，赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
IE8 中关于 colspan 属性的 bug
所属栏目：[经验] 日期：2018-10-06 热度：181
IE8 认为所有的表格单元格都具有 colfont 属性。因此如果需要单独针对具有 colfont 属性的单元格设置样式，就有点棘手了。 td[colfont],th[colfont] {/* 注意：不管单元格是否有 colfont 属性，在 IE8 中该样式一律是生效的even if they don't have a colf[详细]
-
Css教程：可变高宽的圆角框
所属栏目：[经验] 日期：2018-10-06 热度：171
矩形框在网页中较为常见，不过个人觉得还是圆角框更为美观。那么圆角框是如何用DIV+CSS来实现的呢?假如把一张圆角框图片直接作为背景来处理，那么高宽就都被定死了，无法随内容而改变大[详细]
-
如何在html标记中调用的函数里传递对象
所属栏目：[经验] 日期：2018-10-06 热度：71
最近使用jquery结合Ajax开发一个中小型网站应用。在后台管理中要使用Ajax调用系统功能，根据Ajax的返回结果，使用 jQuery 对前台页面进行操作。 比如，使用Ajax调用删除信息的后台功能，如果返回success，则调用删除一行信息。 大体代码如下： Copy to Cli[详细]
-
Css等比例缩放图片后截取图片中的一部分
所属栏目：[经验] 日期：2018-10-06 热度：195
因为在做一个简单的相册功能，做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块，但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法 截取前： 截取后： CSS代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]img[详细]
-
Css控制图片大小，自适应缩放，兼容IE6和Firefox
所属栏目：[经验] 日期：2018-10-06 热度：191
Css控制图片大小，自适应缩放，兼容IE6和Firefox，例如我们在日常的网站设计当中，总是会遇到这样的问题，图片大小未知，而我们设计的网站内容区域的宽度是一定的，如果给所有图片设置等量的宽度显示是不行的，通过查询CSS手册，我们知道max-width和max-he[详细]
-
基于HTML5的小球物理测试系统，附实现原理
所属栏目：[经验] 日期：2018-10-06 热度：113
在线演示：基于HTML5的小球物理测试系统 源码下载：点击进入下载页 功能说明： 一个基于HTML5 canvas的小球物理测试系统，用户可以手动为新的小球设置不同的属性值（颜色，半径，速度等），从而在canvas中发射小球，小球在 运动 过程中会收到重力，弹性以[详细]
-
Css技巧：div下图片自适应大小的解决办法
所属栏目：[经验] 日期：2018-10-06 热度：97
今天，烈火网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题，看了一下，这样的问题原因很简单，归结就是没有给div设置高度和宽度，那么当你设置了宽高以后也就无法自适应了，搜索了一下，找到一些解决实例，现在分享给大家： 以前的解[详细]
-
Css 自定义文件上传控件样式（兼容 IE6）
所属栏目：[经验] 日期：2018-10-06 热度：60
要想直接通过 CSS 来控制文件上传控件，基本没戏的。当然也有一些解决方案，例如 Mr.Think 的这篇文章《利用label标签和CSS美化文件上传表单(不兼容IE6)》。昨天也恰好遇到了这个问题，顺手记录下吧。 首先，给 input type=file 元素戴个套子，这样比较安[详细]
-
一行代码解决IE8浏览器兼容问题
所属栏目：[经验] 日期：2018-10-06 热度：148
一行代码解决 IE8 浏览器与IE7之间的兼容性问题，热门的tag非IE8莫属，各浏览器厂商争相发布版本更新，部分网页也存在与IE8的兼容性问题，简单一行代码，让IE8自动调用IE7的渲染模式，只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]
-
CSS Hacks for IE，IE 也可以很完美
所属栏目：[经验] 日期：2018-10-06 热度：75
掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花，我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。当然 CSS Hacks 是最为流行的解决方案。但对于 IE 而言，目前已经有 IE6/IE7/ IE8 三个主要版本，不久的将来还会有 IE[详细]
-
解决父容器高度不能自动撑开的方法
所属栏目：[经验] 日期：2018-10-04 热度：57
刚入门网站设计布局的开发者肯定会碰到这样的问题，那就是当子容器全部浮动的时候，父容器的高度不能自动撑开。在我们没有为富容器设置边框或背景的时候是看不到这个问题的，如下的代码。 div style=background: #F99; width: 400px; border: 1px solid #3[详细]
-
DIV固定层CSS代码详解
所属栏目：[经验] 日期：2018-10-04 热度：68
网页布局现在都用DIV+CSS了，为了网页的布局好看，需要把某些DIV层设置固定位置，不跟随浏览器滚动条而滚动，对于新手来说，设置这样的DIV层的CSS代码有点难度，我也是个新手，花了点时间研究下了CSS代码，现分享给有需要的站长，使用此CSS样式代码可以设[详细]
-
背景图片自适应分辨率浏览器大小自动拉伸全屏代码
所属栏目：[经验] 日期：2018-10-04 热度：188
在制作页面CSS样式的时候，一个好看绚丽的效果背景图片是少不了的，为了考虑到每个访客用户的 分辨率 大小都不相同，我们会选择使用可以平铺的颜色代码或者小图片作为背景，那么如何让一张高清大图作为背景，不论访客用户的分辨率大小如何，都会自动拉伸显[详细]
-
纯CSS单行文本溢出追加省略号代码
所属栏目：[经验] 日期：2018-10-04 热度：114
之前一直以为单行文本溢出追加省略号没法兼容所有浏览器，经元泉同志提点，顺利解决： .box { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 样式代码，四个属性都是必须的，并且宽度必须设在当前容器上，父容器定宽[详细]
-
图片热区详解 与切片的优势比较
所属栏目：[经验] 日期：2018-10-04 热度：60
切片和图片热区是什么？图片切片是将很大的网页图片，切成类似拼图的那种形式，之后运用 HTML 代码，再完美的拼接起来的一种加快网页图片显示的手法，图片切片之后你还可以在不同的切片上加入链接等等，从而达到点击不同图片区域跳转到不同页面的效果。图[详细]
-
CSS 滤镜 -webkit-filter 的介绍和使用
所属栏目：[经验] 日期：2018-10-04 热度：175
大家可能对 Instagram 这款 iPhone APP 上的滤镜效果很感兴趣，其实 CSS3 开始也有滤镜（不是 IE 的那种滤镜），这些滤镜效果最初是用于 SVG 的，W3C 将其引入到 CSS3 中，然后制定了 CSS Filter Effects 1.0 的规范，Webkit 率先支持了它。 -webkit-filte[详细]
-
如何实现IE6下块级元素的内容自动收缩
所属栏目：[经验] 日期：2018-10-04 热度：167
近期在做提示层组件的开发，遇到了一个IE6常见的bug....想出了几个解决的办法，挺有意思的，这里分享给大家。 由于IE6浏览器中，display:inline-block只能触发IE的haslayout属性使得元素具有布局属性，当对div元素使用display:inline-block，div元素仍然为[详细]
-
display:inline-block下的IE元素
所属栏目：[经验] 日期：2018-10-04 热度：121
通常我们想让内联元素为行块布局显示，有2种方法，最常见的是方法是.selector {display:block;float:left;......}，第二种方法是.selector {display:inline-block;......}，对于第二种方法，在 IE浏览器 中得到支持，测试结果会认为IE能识别display:inline-[详细]
-
HTML5网页让所有浏览器都能识别HTML5标签样式
所属栏目：[经验] 日期：2018-10-04 热度：53
如今HTML5愈来愈引发大家的关注了，但目前支持HTML5的浏览器还不是主流，特别是国内用户近50%以上仍旧使用IE6，由于支持HTML5的 IE9 不支持Xp系统安装，这样未来很长一段时间，HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法[详细]
-
关于HTML条件注释你可能不知道的一些事儿
所属栏目：[经验] 日期：2018-10-04 热度：99
最近经常看到类似这样的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]-- 这段代码[详细]
-
CSS Sprites:实用技巧,还是潜在危险?[译]
所属栏目：[经验] 日期：2018-09-29 热度：200
无处不在的CSS sprites是为数不多的几个可以绕过逐渐流行阶段，而直接让自己成为CSS最佳实践的Web设计技巧中的一个。尽管在A List Apart对它进行一个解释以及赞同认可这种方式之前，它还没有真正地流行。它最早是由Petr Stancek.在2003年7月提出来作为一个[详细]
-
CSS 网页布局实例：横向分栏水平居中的实现
所属栏目：[经验] 日期：2018-09-29 热度：144
CSS 网页布局实例：横向分栏水平居中的实现 CSS 横向分栏布局实例，在内容显示区，因为元素未定义高度，所以必须添加内容，才能更好地显示元素的位置。也就是给正文显示区更大的余地，让内容决定正方的高度，因为本布局实例就是横向不变竖向变，以满足不同[详细]
