M.J

M.J

All posts in “CSS”

CSS实现短信气泡对话框

CSS实现短信气泡对话框

今天一朋友问我,像微信这聊天模式,网页上可以实现不,然后正好手里事情不多,就研究了下,主要是小三角比较难做,就在网上找找资料,研究了下,出来了,嗯。兼容性,IE下,没有圆角。 上图: 好了,废话不多说,上Demo:http://demo.webjyh.com/bubble/ 下面为各位上代码: CSS代码 以下代码中缺少清楚浮动样式: .bubble { margin:0px auto; width:320px; } .demo { margin-bottom:20px; padding-left:50px; position:relative; } .triangle { position:absolute; top:50%; margin-top:-8px; left:42px; display:block; width:0; height:0; overflow:hidden;  [...]

解决中文版Chrome下不能显示小于12px的字体

记得 Long Long ago 就碰到这问题了。以前度娘解决了,没有记下,今天在次碰到了,于是又度娘了。。。所以度娘后 ,我决定记下。。。。 在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,最终将显示12px。这样弄的本意可能是好的,因为中文一旦小于12px,就变得不易阅读。 但中文版Chrome也会阅读英文网站啊!中文网页里面也会有英文的小字体设置需求啊!尤其是一些文字部份的设计,不小实在不好看,影响整个排版的美观。 解决方案,添加一个私有属性到html选择器: html{-webkit-text-size-adjust: none;} 顾名思义, 禁用Webkit内核浏览器的文字大小调整功能。

转载W3CPlus 12个制作全屏背景的jQuery插件

转载W3CPlus 12个制作全屏背景的jQuery插件

本文转载自:W3CPlus     http://www.w3cplus.com/resources/fullscreen-background-jquery-plugins.html 在Web页面的制作中,总会有时候碰到制作全屏背景的案例,特别是一些页游的专题页面中,为了尽显游戏的风格,时常这样做,看起来很酷。前面在《完美的页面背景图片制作》一文中也介绍过使用CSS3的background-size来 制作,那么CSS能制作的效果,为何还要使用jQuery插件来呢?是的,你的想法是对的,但CSS制作有一个不足的地方,没办法添加更多炫的效果,而使 用 jQuery插件在制作全屏背景时还可以加上一些特殊的效果,比如说幻灯片效果、纹理效果、缩小效果等。今天收集了十二个这样的插件,方便大家省去GG搜 索的时间。 1、Supe [...]

回到顶部