CSS
名贤集
这个作者很懒,什么都没留下…
展开
-
用CSS做的两层菜单和四层菜单
下面是html代码-------------------------------------------------------------------------------- 第一层 第二层 第三层原创 2010-01-03 12:31:00 · 877 阅读 · 0 评论 -
DIV上下左右都居中--经测试兼容IE,FF,Opera,Google Chrome
1、全CSS控制,层漂浮(适用于做登陆页面)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">居中Demo<!--#divcenter{ position:absolute;/*层漂浮*/ top:50原创 2014-08-29 16:51:13 · 838 阅读 · 0 评论 -
html5 CSS兼容相关记录
html 5 iframe display默认值为inline,原创 2014-09-11 17:51:16 · 580 阅读 · 0 评论 -
禁止选中文字兼容IE、Chrome、FF等
禁止选中文字在某些时候还是蛮有必要的,比如不想让他人复制自己的文章之类的,下面为大家介绍下具体的实现方,而且兼容目前主流浏览器.原创 2014-07-10 17:35:45 · 814 阅读 · 0 评论 -
网页中flash wmode属性你会用吗?
在flash标签中"Window" 在 Web 页上用影片自己的矩形窗口来播放应用程序,并且始终位于最顶层。"Opaque" 显示页面上位于它后面的内容。"Transparent"使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。注:"Opaque"和"Transparent"都可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程原创 2013-08-18 11:25:28 · 789 阅读 · 0 评论 -
解决IE6双倍边距bug
IE6双倍边距这个问题其实早在学习CSS之初都已经知道如何解决,但当时只知道如何解决而并不知道引起这个BUG的原因是什么,再接下来工作过程中不断实践也终于明白是怎么回事了。但最近开发项目逐渐转移到以IE7为IE的基础参考标准后,逐渐有点淡忘IE6下的一些诡异BUG的解决方案了,就是知道如何解决也忘了部分理论知识了。1、问题:在IE6下如果某个标签使用了float属性,同时设置了其外补丁“m原创 2013-05-09 10:18:19 · 1588 阅读 · 0 评论 -
CSS hack:针对IE6,IE7,firefox显示不同效果
CSS hack:针对IE6,IE7,firefox显示不同效果做网站时经常会用到,衡量一个DIV+CSS架构师的水平时,这个也很重要。区别不同浏览器的CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !i原创 2013-05-09 09:53:01 · 521 阅读 · 0 评论 -
table+div+iframe打造高度自适应的后台布局框架(需要用JS控制大小)
discuz后台用的就是这种结构,用table撑开布局,在table里写div,用于菜单栏目的布局,在主体区域用iframe,作为页面容器。html代码:1234567891011121314151617table id="frametable" cellpadding="0" ce原创 2013-05-07 16:47:41 · 21972 阅读 · 2 评论 -
高级CSS选择器
CSS是对网页设计师可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签。但是尽管事实上,我们每个人也都意识到了它是有用的,CSS 选择器远未发挥它们的潜力,有的时候我们还趋向于使用过多的和无用的class、id、div、span等把我们的HTML搞的很凌乱。避免让这些“瘟疫”在你的标签中传播并保持其简洁和语义化的最佳方式,就是使用更复杂的CSS原创 2012-11-08 15:02:26 · 731 阅读 · 0 评论 -
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 powered by 25175.net2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bu原创 2012-09-04 10:55:17 · 911 阅读 · 0 评论 -
利用box-sizing实现div仿框架
[参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP10 / SF4 / Chrome2 ][操作系统:Windows]先看代码:利用box-sizing实现div仿框架* { margin:0; padding:0;}html { -webkit-box-sizing:border-box; -moz-box-sizing:border-bo原创 2012-08-31 10:27:08 · 2900 阅读 · 0 评论 -
display:block 此元素将显示为块级元素,此元素前后会带有换行符
display:block此元素将显示为块级元素,此元素前后会带有换行符。原创 2011-12-09 13:10:33 · 2091 阅读 · 0 评论 -
解决浮动后IE6会产生双倍的距离
#box{float:left; margin:0 0 0 100px;}这种情况下IE6会产生200px的距离。 解决办法:1、加上display:inline,使浮动忽略解释一下block,inline两个元素。block:总是在新原创 2011-09-12 12:52:06 · 719 阅读 · 0 评论 -
DIV文本自动换行
DIV文本自动换行.div1{ word-wrap:break-word; //自动换行}.div2{ word-wrap:word-break;//词内换行}原创 2011-09-12 12:40:08 · 1823 阅读 · 0 评论 -
div嵌套子标签浮动后父标签自动撑开样式
class:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} 子div浮动后使父div容器自动撑开代码原创 2011-09-12 12:16:38 · 897 阅读 · 0 评论 -
css控制固定在左下,右下,左上角的漂浮层
主题:使用CSS控制一个固定在左下,右下,左上角的漂浮层其他说明: 此 Demo 未作浏览器兼容性测试(兼容在IE7,IE8,firefox,safari,opera,google chrome,360 browser)源码: (修正後的代碼,可兼容IE6,以及解決IE6中頁面滾動時抖動問題,仿天涯底部固定漂浮导航,天涯是用纯CSS写法,實現固定層:DEMO。)原创 2014-09-04 15:14:54 · 4332 阅读 · 0 评论