前端的经验已经不如后生了,不考虑兼容性的情况,透明只需要CSS指定rgba既可,代码如下:

background-color: rgba(0,0,0,0.8);

来自李伟同学的指教~[……]

Read more

只允许一行显示,要根据宽度显示完整或者省略的状态,示例如下:

<style>.test{width:100%;}.test li a {color: #666666;display: block;float: left;overflow: hidden;text-overflow: e[......]

Read more

filter:alpha(opacity=90);-moz-opacity:0.90;opacity: 0.90;background: rgba(39, 72, 153, 0.9) none repeat scroll 0% 0%;

上述代码是普通的CSS2实现背景色透明的效果,总结而已。[……]

Read more

如果想迎合谷歌的网站优化建议的话,弹出这个提示的时候,看国语翻译基本上是没啥帮助的,所以还是看看英语翻译吧:https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery示例代码如下:

<html>[......]

Read more

有时嵌套iframe想隐藏滚动条,或者无边框啥的,方法如下:在style中写入如下css,实现对应功能:overflow-x:hidden /*隐藏横向滚动条*/overflow-y:hidden /*隐藏纵向滚动条*/overflow:hidden /*隐藏所有滚动条*/bor[……]

Read more

最近又搞浏览器兼容性的问题了,翻了下以前的记录,不是很全,所以找了些资料,总结下来:

#hack{color:red; /* All browsers */color:red !important;/* All browsers but IE6 */_color:red; /* Only work[......]

Read more

nth-child和:nth-of-type,这俩东东,我一直只知道nth-child……还真是丢人啊,最近装修首页,发现nth-child失灵了,奇怪了,仔细研究了下,发现竟然还有一个属性是nth-of-type。这回深入的研究了下这俩属性的差别,发现nth-child失灵正是因为他们俩的差别造成[……]

Read more