05 2017 档案
摘要:在网上找了了好多的demo都不能用,最后去找我们公司的大神解决了。 要写这个你首先要知道两点, 1. .scroll() .scrollTop(); .scrollLeft()用法。这个可以看 w3s的。http://www.w3school.com.cn/jquery/event_scroll.a
阅读全文
摘要:之前我们见的fixed就是固定在低端。后来我遇到一个问题 如果 这样写: div{ position: fixed; left: 0; bottom: 0; } 内容吧div撑开,有多少算多少 div{ position: fixed; left: 0; right: 0; bottom: 0; }
阅读全文
摘要:这是借用的别人的,留在这里只是方便以后自己找到,至于图片,我写路径是原本demo中的路径。直接复制就可以用,再根据自己的东西去修改。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR
阅读全文
摘要:做移动端或者响应式的页面必然需要字体的变化的。这次我就自己的经验来说说他们之间的关系,以及怎么用。 px (绝对单位)是我们常用的就不说了。 em(相对单位,相对父级) em 指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,
阅读全文
摘要:img vertical-align:middle; 设置页面垂直居中的,如果无效的话使用 display:table-cel,讲块元素转化为单元格,在使用vertical-align属性水质居中。 max-width:100%; 限制了图片大小。图片本身是多大就是多大。不会超过100%的宽度; w
阅读全文
摘要:<div class="div"> <h2>我处于垂直居中状态</h2> </div> <style> .div{position:relative:} .div h2{position:absolute;left:50%; top:50%; margin-left:-50px; margin-to
阅读全文
摘要:* 1:arrayObject.reverse() * 注意: 该方法会改变原来的数组,而不会创建新的数组。 * 2:arrayObject.join() * 注意:join() 方法用于把数组中的所有元素放入一个字符串。 * 元素是通过指定的分隔符进行分隔的。 * 指定分隔符方法join("#")
阅读全文
摘要:1.优先级问题 style>id>class>标签 如果标签加上 !important,那么 !important>style>id>class
阅读全文
摘要:写东西的时候用到了getElementsByTagName(),我一直以为js 写的东西是不会有兼容性的,这次在ie8下,getElementsByTagName()就不支持了,那怎么办呢,我就查到一段代码。
阅读全文
摘要:这个页面也是我看到别人的写的,感觉不错,就自己留下了为了以后自己可以容易找到,也希望可以方便到别人。 写这个页面 需要注意的是: 1.写每一个小图片的位置时候,要用id,这样等级就高了,不然不起作用。 2.因为每个图片的大小位置距离是差不多的。加入是30px, 那么第一个位置就是(-20px,-20
阅读全文
摘要:单行实现垂直居中: 直接让height和line-height相等 div{ height:50px; line-height:50px; overflow:hidden;(防止超出div宽度,内容换行,就不能有效果了) }多行文字,div固定高度实现垂直居中: <style type="text/
阅读全文
摘要:多行文本固定高度的居中 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http
阅读全文
摘要:本来从css3兼容ie9+挺好的,可是总有一些共识要求ie8+,于是就有了我们的苦逼的找解决办法。之前在网上查到一些说用 PIE.htc. But 我就是按照他说的写的没有管用。请教了一下别人才会写了。就我遇到的问题来说吧。 先说 box-shadow: <style> .div{ width:50
阅读全文