
css
菲一菲
这个作者很懒,什么都没留下…
展开
-
解决ie9字体不垂直居中方法
1、将中文字体汉字转换为Unicode编码“黑体”对应Unicode编码为“\9ED1\4F53”“宋体”对应Unicode编码为“\5B8B\4F53”“仿宋”对应Unicode编码为“\4EFF\5B8B”“微软雅黑”对应Unicode编码为“\5FAE\8F6F\96C5\9ED1”将汉字转换为Unicode编码的字符,即成功设置相应字体,又兼容IE9浏览器支持垂直居中line-height...原创 2018-06-11 15:02:02 · 1106 阅读 · 0 评论 -
css写直角梯形
<div class="price">导航</div>.price { position: absolute; font-size: 30px; display: block; color: #fff; height: 0; width: 259px; line-height: 72px; paddin...原创 2018-10-25 18:31:40 · 8369 阅读 · 2 评论 -
文字向上滚动
function autoScroll(obj) { $(obj).find("ul").animate({ marginTop: "-30px" }, 1000, function () { $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this); })}f...原创 2018-09-29 16:27:56 · 864 阅读 · 1 评论 -
多行文本显示省略号
.comment_inner{ width: 200px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方...原创 2018-08-20 14:39:40 · 179 阅读 · 0 评论 -
设置placeholder的字体大小
/*修改提示文字的颜色*/input::-webkit-input-placeholder { /* WebKit browsers */ color: #bababa; font-size:14px;} input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bababa; font-size:14px;} input::-m...原创 2018-06-20 11:20:13 · 14653 阅读 · 0 评论 -
两个并排的div顶部对齐
问题:在一个大的div里面有两个并列的div,因为div中的内容不同,导致两个div的上部不对齐。原因:每个浏览器会有自己的一种定义布局的方式。有些默认上对齐,有些默认下对齐。解决方案:两个div都设置一下样式:style=”vertical-align:top;”使其全部上对齐,就可以了。...转载 2018-06-20 11:18:59 · 6356 阅读 · 0 评论 -
chrome表单自动填充导致input文本框背景变成偏黄色问题解决
chrome表单自动填充后,input文本框的背景会变成偏黄色的,想必大家都会碰到这种情况吧,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性造成的,解决方法如下,感兴趣的朋友可以了解下chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-au...转载 2018-06-26 17:21:43 · 286 阅读 · 0 评论 -
设置select的默认选中项的颜色
默认选中项为灰色,选中之后变黑<script>var unSelected = "#999";var selected = "#333";$(function () {$("select").css("color", unSelected);$("option").css("color", selected);$("select").chan原创 2018-06-26 16:54:59 · 14679 阅读 · 0 评论 -
父元素设置透明度,子元素受影响的解决办法
父元素设置了opacity:0.8,子元素也跟着透明了,后来发现是子元素会继承父元素的opacity。解决方法: .produce{background: #2c3e50;opacity:0.8} 这种写法就算给子元素重新赋值opacity:1;他也同样会继承父元素opacity的值。 正确写法: background:rgba(44,62,80,.8);...原创 2018-06-09 10:58:10 · 2027 阅读 · 0 评论 -
chrome浏览器去掉HTML5 video下载按钮
视频播放器在谷歌浏览器一直显示有一个下载按钮,在其他浏览器没有,产品说不想让用户下载,让去掉下载按钮,百度了很多说用css控制,试了都没效果,最后找到了这个方法,试了一下,可以去掉<video width="512" height="380" controls controlsList="nodownload"> <source data-src="mov_bbb.ogg...原创 2018-06-11 17:44:50 · 3379 阅读 · 1 评论 -
分页
<div class="pageDiv"> </div>(function ($) { var ms = { init: function (obj, args) { return (function () { ms.fil...原创 2017-08-11 10:37:57 · 207 阅读 · 0 评论