css
藏红
不要担心自己走错路误了终身,坚持并保持进步才是正道。
展开
-
html仿Android的Toast功能
自定义Toast,类似于android的Toastbody { font-family: 'Lucida Grande', 'Helvetica', sans-serif;}//自定义弹框function Toast(msg,duration){ duration=isNaN(duration)?3000:duration; var m = document.creat转载 2015-03-09 16:17:42 · 1904 阅读 · 0 评论 -
Html表格到一定宽度无法自适应
一般的自适应都可以通过这篇博文:http://caibaojian.com/simple-responsive-table.html 来解决。但是最近做一个页面的时候,发现表格到一定的宽度就无法自适应了,查了半天也没找到原因,最后发现元凶是 textarea 。表格无法根据屏幕的拉伸缩小自动适应的原因可能是 testarea 把cols=“..” 把最小宽度定死了原创 2015-01-25 13:50:06 · 2467 阅读 · 0 评论 -
Web前端开发和jQuery Mobile开发的一些免费资源
以下的网站包含免费的图标或图标集 http://www.famfamfam.com/lab/icons/ http://www.defaulticon.com http://www.greepit.com/open-source-icons-gcons/ http://www.iconza.com/ http://www.ico原创 2014-11-25 16:16:50 · 899 阅读 · 0 评论 -
textarea 高度自适应(chrome+ie8测试有效)
最近有一个需求,需要让textarea宽度不变,但是高度随着用户的输入高度自适应。由于浏览器版本的不兼容,很多方法通常只能在一个浏览器中起作用。下面我写了一个小的demo,可以在chrome 和 ie8下正常使用,其他浏览器没有测试过。通过两个方式实现,分别是js 和纯css原创 2015-02-16 17:38:32 · 14333 阅读 · 0 评论 -
ie8 不支持 position:fixed 的简单解决办法
今天发现使用 position:fixed 的页面在firefox下没有问题,在IE8下却不能正常显示,在网上找了找,有不少相关文章,但是不是不起作用就是太复杂,后来终于发现一个简单的解决办法,就是在html的开头加上 就可以了,后来搜了搜,发现 HTML 4.0 Transitional 和 XHTML 1.0 Transitional 的布局确实有不少差异,可以参见这里:转载 2015-03-06 15:31:08 · 1728 阅读 · 0 评论 -
模仿CSDN通过点击来选择标签
用js来实现,模仿CSDN通过点击来选择标签的功能 。纯js实现原创 2015-01-25 18:40:04 · 633 阅读 · 0 评论 -
CSS选择符
阅读目录1.*2.#X3. .X4. X Y5. X6. X:visited and X:link7. X + Y8. X > Y9. X ~ Y10. X[title]11. X[href=”foo”]12. X[href*=”nettuts”]13. X[href^=”http”]14. X[href$=”.jpg”]15. X[data-*=”foo”]16. X[foo~=”bar转载 2015-12-21 13:21:39 · 501 阅读 · 0 评论 -
纯CSS实现Tooltip
在编写HTML时,使用a标签的title属性浏览器会默认地实现Tooltip的功能。 <a href="" title="Example of Tooltip">Tooltip</a>该代码的效果: Tooltip 这样的实现存在两个问题:title里的内容显示有延迟(不同的浏览器延迟时间不同)title的内容无法风格化(确切的说,要自定义风格也是可以的,使用css和js)我主要是为原创 2016-08-16 10:38:43 · 4000 阅读 · 1 评论