1、手头有以下代码，是给某个播放器添加一个新的图标功能，设置了一个隐藏的DIV并加上CSS，点击显示，点其他地方隐藏。但是这个DIV，不随窗口大小变化跟随到图标旁边，一直固定到了1081px。
创新互联建站专业为企业提供武宁网站建设、武宁做网站、武宁网站设计、武宁网站制作等企业网站建设、网页设计与制作、武宁企业网站模板建站服务，10多年武宁做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
2、它显示于浏览器的地址栏、标签及收藏夹上，例如用IE访问本站时在IE地址栏看到的蓝色Z图标。
3、modernizr：检测浏览器对HTML5和CSS3特性（至于modernizr的介绍，可以看我另外一篇博文HTML5系列四（特征检测、Modernizr.js的相关介绍）） 常用的html标签，它们的display属性一般默认为block和inline。
CSS显示一个大图片中的多个小图标，主要是用background-position这个属性来控制的。
CSS显示一个大图片中的多个小图标，主要是用background-position这个属性来控制的。先看下面这张300*300的大图片，每个小图标是100*100的。
将图标文件命名为favico.ico（有在线生成工具，不能只改后缀名），上传到网站根目录。
你有一张大图里面是很多小图拼起来的，如果你一个div要显示的背景图片是距离左上角10px 10px位置的。只要设置background-position：-10px -10px。
1、要用css为这个div加上背景图片，只需要加上background-image的样式，后面的值就是图片的地址了。 background-image： url(1jpg)；05 刷新页面看下现在的效果，可以看到div已经加上图片背景了。
2、通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。
3、先设置一个及其简陋的页面，代码如下：此时页面展示如下，可见还未有小图标：在第一步的展示代码上，通过 添加图标（相对路径为例）。
4、一：把ul或li 中的行高删掉。二：修改图片，把那红色的画下一点，可做成gif透明图（如原本图为：16*16，可画成：16*21，红色部分在最底部。）。
inset 0 -12px 2px rgba(255，255，255，.3)； -webkit-border-radius： 20px； -moz-border-radius： 20px； border-radius： 20px；}抠图风格使用内嵌box-shadow就可以实现抠图效果。
新解决方案新解决方式和之前的有些相似，我们把css3的效果添加到图片遮罩层 ：after 伪类上，这样做的好处是图片保持了完整性和可收缩性。
我们可以使用SVG、Canvas、CSS3或者背景图片来实现五角星图案及其悬停效果。CSS3引入的伪元素和变换特性使得实现五角星图形非常简单，并且可以结合渐变实现更为漂亮的效果。
首先创建一个圆角矩形，设置圆角半径为10px，之后我们会用css的border-radius属性实现。为矩形添加垂直方向的渐变，渐变颜色是从#dad8d8 到 #fcfcfc。