1.border-radius添加边框的圆角; 2.box-shadow添加方框阴影; 3.border-image使用图片创建围绕div元素的边框; 4.background-size规定背景图片的尺寸; 5.background-origin(content-box padding-box bo ...
分类:
Web程序 时间:
2017-12-20 23:16:17
阅读次数:
349
1 可以插入:编码,跳转,刷新,关键字,描述,IE兼容 编码形式为UTF-8 用于让搜索引型找到关键字 专为IE设计 1 - 搞图标,欠 2 - 欠 3 - 欠 ...
分类:
Web程序 时间:
2017-12-20 13:34:07
阅读次数:
191
1.改变background-size属性 将图片作为某个html元素的背景图片,用transition属性改变图片的大小。 这种方法有个问题是图片缩放的时候会出现抖动的现象 2.利用scale 使用img标签,并在img标签上添加transform属性改变scale值 这种方法能够获得比较平滑的缩 ...
分类:
Web程序 时间:
2017-12-19 15:14:00
阅读次数:
236
引入背景图片: background: image url("路径")设置背景尺寸: background-size: auto自动大小,默认 background-size: cover保持图片大小,等比例缩放,平铺整个区域,如果尺寸大于容器则会超出 background-size: contai ...
分类:
Web程序 时间:
2017-12-17 15:52:12
阅读次数:
192
一、IE6/IE7对display:inline-block的支持欠缺 1、表现描述 这个应该算是很经典的ie兼容性问题了,inline-block作用就是将块级元素以行的等式显示。在主流浏览器中水平显示都没有问题,可是到ie6/ie7下就成垂直显示了。 (1)css代码: #ul-menu{ ma ...
分类:
其他好文 时间:
2017-12-11 13:52:14
阅读次数:
147
思路:图片不要设置为div的background,因为你设置了background-size,但是div的height没设置一样没用,除非你搞个js判断,动态刷新。 换一种思路,直接用<img>显示出来,这样div作为父容器就被你撑大,就不需要div的高度设置了。然后就看你的图片,如果宽要全部显示, ...
分类:
其他好文 时间:
2017-12-05 15:23:26
阅读次数:
115
将JavaScript对象类型的参数通过JSON.stringify转换成字符串传递时,IE6、7、8会报:“JSON”未定义 的错误。可以通过在html文件的head头内引入json2.js文件来解决: <script type="text/javascript" src="json2.js">< ...
分类:
Web程序 时间:
2017-12-01 16:41:46
阅读次数:
168
一、背景大小 cover 完全覆盖盒子,不一定全部显示 background-size: cover; contain 背景图片最大化在盒子中等比显示,但不一定能铺满盒子 background-size: contain; 二、全屏背景自适应 三、背景原点 background-origin 背景原 ...
分类:
Web程序 时间:
2017-11-27 00:08:37
阅读次数:
215
移动端适配的时候,通常是用rem作为长宽单位,因此,在不同的设备下,元素的实际宽高(px)是不一样的,如果是单张图片作为为背景图片的时候,最为方便,只要设置背景图片的属性background-size:contain|conver|100%;都能够将图片盖住整个div。 其次如果用雪碧图的话,那么得 ...
分类:
移动开发 时间:
2017-11-26 16:52:29
阅读次数:
153
嗯。没错,又要考虑ie兼容问题了。ie8不支持,好吧,先换到其他ie版本看看效果。咦~为什么ie11无法审查元素呢?版本切换也没有反应。页面一片空白,像是没加css的页面。就是这样! 。。。此处省略一万字我查找的过程,直接来解决方法! 解决办法:安装windows7补丁:KB3008923下载地址: ...
分类:
其他好文 时间:
2017-11-24 21:43:10
阅读次数:
212