WEB前端
数元技术
这个作者很懒,什么都没留下…
展开
-
DIV里内容自动换行
在要换行的DIV里加入以下样式即可 style="white-space:normal; word-break:break-all; overflow:hidden;"原创 2010-07-19 16:13:48 · 158 阅读 · 0 评论 -
CSS圆角边框 纯CSS制作
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;} #xsnazzy h1 {font-size:2.5em; color:#fff;} #xsnazzy h2 {font-size:2em;color:#06a; border:0;} #xsnazzy p {padding-bottom...原创 2010-06-21 09:31:20 · 93 阅读 · 0 评论 -
网页表格或div层被撑开的解决
在我们设计网页的时候,总会遇到一些不愉快的事情,最常见的莫过于在后台添加内容后才发现显示的页面被撑开,导致网页极度不美观。以前大家基本上都是设计表格,网上自然不少对于的解决方法,如今还有div+css标准设计,很少看到相关好的方法,现在把平时找到的防止表格被撑开的好方法总结归纳一下,和大家一起分享。 一、直接在网页里设置图片大小 二、使用如下代码: 这种方法会在调用图...原创 2010-08-24 16:57:55 · 182 阅读 · 0 评论 -
Checkbox 只读
[code="html"] [/code]原创 2010-06-01 15:41:58 · 88 阅读 · 0 评论 -
最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)(转载)
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用 xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-align:mid...原创 2010-05-18 12:19:42 · 96 阅读 · 0 评论 -
利用CSS同比例缩小图片技巧
当然,生成缩略图这个工作如果交给程序来完成,效果会好很多,但是有时出于某种因素,例如服务器不支持GD之类的,难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸,对于现代浏览器,直接使用max-width和max-height两条CSS属性即可。 对于IE 6.0及以下版本,以上两条CSS属性均不会被理会。之前处理这种事情,我们往往会借助Javascript,然后为图片加上onl...原创 2010-05-18 12:18:45 · 225 阅读 · 0 评论 -
模拟阴影效果纯CSS圆角矩形
[code="html"] 项目上需要个弹出菜单,要求要阴影+圆角。。阴影不敢用PNG格式,客户大多是使用IE6的,用滤镜又不好控制。干脆搞个纯CSS的像素圆角+阴影(模拟)吧,哈哈。 思路是这样的: bBox 代码如下: css .bBox{width:300px;} .bBox-t1,.bBox-t2,.bBox-b1,.bBox-b2{height...原创 2010-05-18 12:17:20 · 102 阅读 · 0 评论 -
模拟阴影效果纯CSS圆角矩形
项目上需要个弹出菜单,要求要阴影+圆角。。阴影不敢用PNG格式,客户大多是使用IE6的,用滤镜又不好控制。干脆搞个纯CSS的像素圆角+阴影(模拟)吧,哈哈。 思路是这样的: bBox 代码如下: css .bBox{width:300px;} .bBox-t1,.bBox-t2,.bBox-b1,.bBox-b2{height:1px;overflow:h...原创 2010-05-18 12:16:12 · 110 阅读 · 0 评论 -
js实现滑动菜单大全(包含Tab滑动,选项卡滑动,横向滑动,竖向滑动)
[code="html"] 选项卡 首页 嘿嘿,无视div原始class值。 测试 继续无视h3原始class值。 无聊 h3没有值也可以~ 傻蛋 div没有值一样可以~ 首页 嘿嘿,无视容器原始class值。 测试 继续无视h3原始class值。 无聊 h3没有值也可以~ ...原创 2010-05-18 12:11:07 · 1073 阅读 · 0 评论 -
鼠标滑动选项卡多点调用特效果
[code="html"] 网易滑动效果!一个js,页面任意滑动数量、任意调用 栏目导航dfgdfgdfgdfgdfg< /li> 栏目导航 栏目导航 栏目导航 栏目导航 栏目导航 栏目导航 栏目导航 ...原创 2010-05-18 10:02:46 · 107 阅读 · 0 评论 -
DIV+CSS 自适应高度(在IE6、IE7、fireFox下测试通过)
[b][color=indigo]做一个浏览器兼容的项目老是遇到这样的问题!把这个解决方法记下来: 之前遇到Div不自适应高度解决的办法就是在最底下加多个空的Div清除两边的浮动,代码如下: 不过应用这个方法如果Div嵌套过多中间浮动过于复杂容易使页面乱掉而,最近找到了新的处理办法,就是可以直接在外层想让其"自适应高度"的Div添加以下属性: style="height:...原创 2010-08-06 15:56:36 · 117 阅读 · 0 评论 -
解决IE7不能自适应高度 及各种bug解决方法 div+css
解决IE7不能自适应高度 及各种bug解决方法 div+css 解决IE7不能自适应高度 #content{ min-height:500px; height:auto;/*IE7*/ _height:500px;/*IE6*/ display:table;/*firefox,opera*/ } --------------以下搜集自互联网,好文讲解的很详细,读后受益匪...原创 2010-08-06 15:50:38 · 423 阅读 · 0 评论 -
自定义file类型input框样式的方法
在WEB上传文件时,要用到上传框: 这东东在IE(其他偶没经过测试)中是一个非常特殊的对象。 如果是您手动写入的或其他对象经过某些事件触发填入的值 由于安全问题,在进行提交表单时,往往会被清空,所以上传失败。 简单点说,除非你的鼠标亲自点到了上传框f上,IE才会给你上传文件! 哪怕你将 f 的onclick句柄赋给某个对象,如: 你 “点击” 后...原创 2010-11-30 22:28:54 · 203 阅读 · 0 评论