小问题集锦

20%的功能满足80%的需求。爱、喜悦、和平。

1、怎样该网站title加小图标

<link rel="Shortcut Icon" href="icon地址" type="image/x-icon">

2、图片缩放问题

<div class="bg"><img src="data:images/section1.jpg" alt=""></div>

错误图

错误css

.section .bg { }
.section .bg img { display: block; width: 100%; height: 100%;}

正确图

正确css

.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}

3、pc站自适应移动端

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />

4、定位

如何定位中间

<style>.go{position:absolute;left:50%;margin-left:负的宽度的一半;}
</style>

5、css3过渡(transition)

<style>transition: all 1s;-moz-transition: all 1s;            /* Firefox 4 */-webkit-transition: all 1s;     /* Safari 和 Chrome */-o-transition: all 1s;          /* Opera */
<style>

6、css3动画(animation)

7、抖动

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jrumble.1.3.min.js"></script>
<script>
$(function(){//抖动$('#download_btn').jrumble({x: 5,y: 5,rotation: 2});$('#download_btn').hover(function(){$(this).trigger('startRumble');}, function(){$(this).trigger('stopRumble');});
});
</script>

官网 http://jackrugile.com/jrumble/

8、浏览器兼容问题

1、png8产生毛边，png24、gif在ie6下无透明效果
解决方案：
(1)美工处理，使png8无毛边（未测试）
(2)js判断，检测浏览器版本。ie6提示升级 (3)js处理，通过js动态选择图片

转载于:https://www.cnblogs.com/xyws/p/5015881.html

前端小问题1——（最近好久没有发博客。。。待续）相关推荐

如何利用客户端在CU发博客
如何利用客户端在CU发博客一.Linux环境 1.安装blogilo sudo apt-get install blogilo 如果你不是kde环境也许还得安装 libqt4- ...
使用MarkDown标记语言发博客
使用MarkDown标记语言发博客第一步:将博客园编辑器设置为Markdown 登录博客园,进入自己的博客首页,点击管理-〉选项,如下图所示. 在默认编辑器中选择Mardown,然后单击SAVE保存 ...
CSDN发博客上传照片失败问题解决方案
初次使用CSDN发博客记录学习笔记的时候发现一些图片没办法从本地上传,然后查了查好像是没办法从本地上传,可以把照片上传到网上,然后点击上传网址就好了.然后推荐一下可以使用图床PicGo把照片上传到gi ...
【单页面博客从前端到后端】基于 DVA+ANTD 搭建博客前后台界面
在上篇文章我们已经搭建好了基础的开发环境,接下来会介绍如何引入 DVA 和 ANTD ,以及在引入过程中需要注意的问题.这里只会详细的书写部分组件,其他的组件都是大同小异.你可以在 github仓库 ...
IE9体验版让我爱你有点儿闹心，1不能发博客、2总有广告宣传页、3总问是否把IE设置为默认浏览器...
以前用的是 WIN7 64位版本,用起来很闹心太折腾,没办法春节又开始装了WIN7 32版本,并且开始用了固态硬盘(闪盘)后感觉良好, 开机的速度明显快了很多,但是不小心装了IE9体验版本后,苦恼就开 ...
好久没写博客了，改天要把原博客资料整理下，弄个链接什么
好久没来写了,主要是最近再弄webform下的东东--asp.net+ajax,可是进度很慢,所以也没办法写一些心得什么的.感觉有点对不起博客.嘿嘿原来的博客,也好久没去了,当初搬家主要就是因为那个 ...
python代码封装供第三方使用_python发博客
广告关闭腾讯云11.11云上盛惠 ,精选热门产品助力上云,云服务器首年88元起,买的越多返的越多,最高返5000元! python生成csdn博客分享图一.前言我们分享博客的方式有很多种,最常见的无 ...
针对发博客这件事自我检讨
年初给自己定了个目标,每天至少发一篇技术博客,但最近却略有怠慢,学习这事真的贵在坚持,慢慢长大步入社会组织家庭,不再像校园里那样有充足的时间去学习,总是有各种各样的事情需要去处理,久而久之,就变成了一 ...
html文件hexo博客,使用小书匠写 MarkDown 文档 Hexo 博客
小书匠是一个功(zhong)能(liang)强(ji)大的 MarkDown 文档编辑器,除了支持常规的 MarkDown 语法,还要很多扩展语法(代码高亮 ,gfm ,脚注 ,上标 ,下标 ,文字高 ...

前端小问题1——（最近好久没有发博客。。。待续）

小问题集锦

20%的功能满足80%的需求。爱、喜悦、和平。

1、怎样该网站title加小图标

2、图片缩放问题

错误图

错误css

正确图

正确css

3、pc站自适应移动端

4、定位

如何定位中间

5、css3过渡(transition)

6、css3动画(animation)

7、抖动

8、浏览器兼容问题

前端小问题1——（最近好久没有发博客。。。待续）相关推荐

最新文章

热门文章