Ruby's Louvre

每天学习一点点算法

导航

2011年2月15日 #

纯CSS后台框架

摘要： 实质就是一个切换卡，关键是如何让鼠标从按钮移到面板上时，面板不会消失。用到div:hover与CSS3圆角。 <div class="main_console"> <div class="main_column"> <div class="column_title">AAAAA</div> <div class="main_panel_wraper"> <div class="main_panel">AAAA的面板</ 阅读全文

posted @ 2011-02-15 21:16 司徒正美 阅读(3161) 评论(5) 推荐(1) 编辑

CCS3 calc()

摘要： CSS3支持动态计算一个元素的长度宽度，思路和以前的IE CSS表达式差不多，不过功能强大很多。它允许里面的表达式支持+, -, *, /, mod, min, 和 max 运算符。如：width: calc(25% - 1em); 更多例子见这里Robert Nyman给出的兼容方案：.calc { width: 100px; height: 100px; border: 1px solid #f00; padding: 10px; /* Firefox */ width: -moz-calc(75% - 100px); /* WebKit */ width: -webkit-calc(.. 阅读全文

posted @ 2011-02-15 13:55 司徒正美 阅读(1616) 评论(0) 推荐(0) 编辑