22
2017
07

(ok)遨游浏览器-极速模式 flash添加遮罩层无效

在页面放置flash元素,并对flash对象添加链接时,可通过添加一个透明的图片作为遮罩层来添加链接。问题添加遮罩后,在火狐浏览器以及遨游兼容模式下,遮罩层浮至上层,可点击跳转。在遨游急速模式下,遮罩层无法浮至上层,造成无法点击flash跳转的效果。分析及解决在调试工具中修改样式属性,添加以下属性后,透明图片(即遮罩层)浮动生效。position: fixed;总结css样式如果书写不标准会导致部分浏览器下样式渲染失败。完整代码如下:<div style="z
20
2017
07

css 横向滑动设计思路

前端开发中,为了节省页面空间,有时需要在一行显示多元素,然后通过左右滑动来进行查看。特别是在页面空间极为珍贵的手机端,这种设计会被频繁用到。效果如下:实现方法:html元素<div class="container-wrap">     <div class="container">        &
16
2017
05

HTML循环列表中处在特殊位置元素的样式设计

在展示一个循环列表时,经常会遇到这种情况:第一个元素或在换行临界点的元素通常需要与其他元素的样式进行区分,如margin或padding设置元素间距离时,处在同一行靠两边的元素通常需要清除其外侧的边距,在css2.1时代,通常的做法是利用后端程序语言,如php,判断当前是第几个元素.然后给在同一行靠两边的元素加上特定的样式声明.但在Css3.0时代,且当前大多数主流的浏览器都已支持Css3,特别是移动端浏览器都已支持css3的情况下,可以借助Css3中的伪类选择器,在无需动态语言的情况下来快速实
15
2017
05

(ok)代码高亮插件Prism 实现代码自动换行

问题:Prism是款个人感觉比较好用的代码高亮显示插件,使用简单.特别是在线订制下载的功能:http://prismjs.com/download.html ,非常灵活,适合快速定制一个自己喜欢的代码高亮插件.但美中不足的是代码超出时无法自动换行.影响代码的阅读.解决方法修改文件prism.css第七行,将white-space: pre;修改为:white-space: pre-wrap;code[class*="language-"], pre[class*="
18
2017
04

Web开发中需要了解的东西

在StackExchange上有人问了这样一个问题:What should every programmer know about web development?(关于Web开发,什么是所有程序员需要知道的?)里面给出的答案非常不错,所以,我翻译转载过来。 顺便说一下,StackExchange真是非常好,大家可以对同一个答案做贡献和修订,看看这个问题的修订过程你就知道了——专业的问答网站应该怎么去做。这就是我在这篇文章中也说过真正的用户体验是什么样的。