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

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

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

阅读全文

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

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

阅读全文

有时导航栏比较长,变动需要提前,这个时候就要手动调整css,如下的代码即可实现(支持bootstrap的3.1版本之后)。

@media (max-width: 1200px) {
#searchform{ float:left;}
.navbar-header {

阅读全文

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

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

阅读全文

:last-child

示例:

p:last-child 

功能说明:选择属于其父元素最后一个子元素每个 元素。

参考:http://www.w3school.com.cn/cssref/css_selectors.asp[……]

阅读全文

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

<html>[......]

阅读全文

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

阅读全文

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

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

阅读全文

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

阅读全文