body高度为0但是背景色填充整个浏览器

评论(0)浏览(22)分类:HTML/CSS兼容/XML
body高度为0但是背景色填充整个浏览器  给body元素设置背景色,但是body没有内容,高度没有填充整个浏览器情况下,浏览器整个窗口都是body设置的背景色,这个是什么导致的?  测试代码如下啥???body高度才28(默认margin 8x2+padding 5x2+border 1x2)??那整个浏览器的颜色是哪里来的????? !doctype htmlstyle body{background:#f00;border:solid 1px #000;padding..

css选择器\数字,转义数字意义

评论(0)浏览(59)分类:HTML/CSS兼容/XML
css选择器\数字,转义数字意义  css数字选择器其中出现\数字类型,css数字选择器名称有什么意义。.\39 { background-color: #ccc; color: red;}/* '\' 的unicode码是5c */.unicode\5c { background-color: #666; color: white;}.8 { background-color: #DDD; color: blue;}  当css class名是数字开头或者包含特殊字符的话,在写CSS样式的的..

绚丽的css3动画效果

评论(0)浏览(183)分类:HTML/CSS兼容/XML
绚丽的css3动画效果2016-9-8:添加firefox支持。  绚丽的HTML5 CSS动画效果,请使用webkit内核的浏览器,如chrome运行示例。chrome运行后效果如下图所示源代码如下style body { background: black; width:100%;height:100%;overflow:hidden; position: relative; } .effect-wrapper { width: 400px; height: 400px;..

html实体对象:实体编号&#和实体符号

评论(0)浏览(312)分类:HTML/CSS兼容/XML
html实体对象:实体编号&#和实体符号  html实体对象有2种,实体编号和实体符号实体编号的组成和号()井号(#)编号(数字)封号(;)实体符号的组成和号()字符(字母)封号(;)备注  同一个符号,可以用实体名称和实体编号两种方式引用,实体名称的优势在于便于记忆,但不能保证所有的浏览器都能顺利识别它,而实体编号则没有这种担忧,但它实在不方便记忆。注意点实体符号..

CSS表格固定表头示例

评论(0)浏览(340)分类:HTML/CSS兼容/XML
CSS表格固定表头示例  css+JavaScript实现表格的表头固定效果,页面滚动,表头处于页面最顶端。  CSS表格固定表头示例代码如下!doctype htmlhtml headtitleCSS表格固定表头/titlemeta http-equiv=Content-type content=text/html; charset=utf-8style type=text/css* html,* html body /* 修正IE7振动/闪动bug */{background-image:url(about:blank);background..

css打造下拉菜单

评论(0)浏览(71)分类:HTML/CSS兼容/XML
css打造下拉菜单  纯css写的菜单,通过:hover伪类控制子菜单的显示,ie6-不支持非连接对象的伪类,需要自己写js代码进行兼容,不过可以考虑放弃ie6了,应该没人再用了吧?!doctype htmltitle简单纯css菜单/titlestyle ul,li{list-style:none;margin:0px;padding:0px} ul.menu li{margin-left:10px;float:left;position:relative;line-height:20px}/*注意..

通过@media screen控制网站在移动端显示

评论(0)浏览(526)分类:HTML/CSS兼容/XML
通过@media screen控制网站在移动端显示  今天下午花点时间将本站css进行修改,通过@media screen max-width/min-width将本站在移动端浏览器下显示得更加友好。  本站在分辨率宽度680px一下显示如下  如果您在电脑端浏览本站使用的标准浏览器(IE9+,firefox,chrome等),可以缩小浏览器窗口大小到680px以下可以看到效果。  利用@media screen实现网页..

chrome本地测试访问iframe,parent,opener null解决办法

评论(0)浏览(2213)分类:HTML/CSS兼容/XML
chrome本地测试访问iframe,parent,opener null解决办法  使用谷歌chrome浏览器时,如果双击运行或者拖拽html文件进入chrome中以file协议查看js效果,由于chrome的同源策略,父页无法访问iframe中的内容,iframe也无法通过parent对象获取父页的引用。同样对于window.open打开的本地网页,也无法通过opener或者存储打开页面的句柄来访问被打开的页面,在chrome控制台会出现下面类似的错误信息Uncaugh..

禁止选择网页内容

评论(0)浏览(103)分类:HTML/CSS兼容/XML
禁止选择网页内容  用css禁止选择浏览器显示的网页的内容user-select有两个值none:用户不能选择文本text:用户可以选择文本  注意:user-select不是一个W3C的CSS标准属性,浏览器支持的不完善,各种浏览器的实现都不一样,需要针对不同浏览器加上对应的CSS,示例代码如下 body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*we..