1. 单像素边框CSS表格这是一个非经常常使用的表格样式。源码: Info Header 1Info Header 2Info Header 3 Text 1AText 1BText 1C Text 2AText 2BText 2C2. 带背景图的CSS样式表格和上面差点儿相同,只是每一个格子里多了...
分类:
Web程序 时间:
2014-07-07 20:20:31
阅读次数:
285
1. 单像素边框CSS表格这是一个非经常常使用的表格样式。源码: Info Header 1Info Header 2Info Header 3 Text 1AText 1BText 1C Text 2AText 2BText 2C2. 带背景图的CSS样式表格和上面差点儿相同,只是每一个格子里多了...
分类:
Web程序 时间:
2014-07-01 23:01:47
阅读次数:
401
原理:最外层放水平平铺的背景,第二层放左边,第三层放右边,注意这个做法背景图不能透明结构: 样式:.module-title { height:33px; background: url(../images/more-title.png) 0 -33px repeat-x; text-inden.....
分类:
Web程序 时间:
2014-07-01 18:23:28
阅读次数:
235
一、前言——
大家一定在百度音乐上在线听过歌,有没有注意到那个旋转唱片——
就上面那个,当音乐在播放的时候,那个光碟轮子在转,就想旋转木马一般。感觉好好玩啊。
碰巧想起前阵子做音乐播放器,哎,那这个也可以做在手机的音乐播放器上,这样就代替了进度条了。
一想到,就兴奋,于是,首先画圆形,然后放置背景图片,然后使用动画旋转。当音乐播放时,同时
开始播放圆形图片的动画,当音乐暂停时,暂...
分类:
移动开发 时间:
2014-06-29 22:32:09
阅读次数:
317
使用背景图合并技术,可以达到减少图片数量,从而减少HTTP请求的目的,对网站加速有着举足轻重的作用。背景图合并的优势:a)可扩展,便于后期维护,当遇到排版变化时,比较容易维护。b)宽度自适应本身就减少了页面的工作量,背景图合并可以和宽度自适应结合在一块,大大减少了页面数量和图片大小,提升页面的loa...
分类:
其他好文 时间:
2014-06-29 19:54:01
阅读次数:
161
在制作网页过程中,经常需要考虑页面中的留白问题,因为我们设计时,按大多数用户显示器的设置来制作内容区,即横向分辨率的设置是1024像素,可是用户设置是多样化的比如有的用户是1280、1440、1600、1680等,内容区之外会有很多的留白,为了美观起见,不可避免地需要对留白区..
分类:
Web程序 时间:
2014-06-28 06:14:10
阅读次数:
289
在容器里面如果用到opacity或者filter:opacity里面的内容也会被滤镜化如果不想里面的内容也被滤镜化我们可以用rgba来处理或者用透明的背景图片。兼容ie的rgba的写法background: rgba(0,0,0,0.75);-ms-filter:progid:DXImageTran...
分类:
其他好文 时间:
2014-06-27 12:32:41
阅读次数:
179
?1. [代码][其他]代码 void *bitmapData; //内存空间的指针,该内存空间的大小等于图像使用RGB通道所占用的字节数。static CGContextRef CreateRGBABitmapContext (CGImageRef inImage){CGContextRef c....
分类:
移动开发 时间:
2014-06-27 11:19:28
阅读次数:
275
最近做移动端的项目,需要做一些CSS动画,免不了用到一些PNG透明的图片作为元素,一开始用的PNG8的,显示效果不理想,杂边很突出的,图片大小20多K,后面使用PNG24,效果好了,但图片太大了134K,最后又回到PNG8,发现导出的时候,添加杂边到背景色,再结合背景图,效果很不错.不过需要注意的是...
分类:
移动开发 时间:
2014-06-26 16:49:03
阅读次数:
297
1.背景自适应且不失真问题的存在制作自适应背景图片是UI开发的一个广泛问题,也是界面设计师渴望解决的问题,我相信我们彼此都深有体会。比如,列表的背景图一定,但是列表的高度随着列表数据项会发生变化;标题栏的背景,无论横屏还是竖屏,高分辨率还是低分辨率,都能自动填充满,而且不失真等等背景问题。根据以往的...
分类:
其他好文 时间:
2014-06-26 12:25:26
阅读次数:
246