![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HtmlCss
jason_lyp
这个作者很懒,什么都没留下…
展开
-
ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
在页面中有时候使用ul li列表时ie6、ie7、ie8、FF的高度会不一样(其中ie6与ie7高度一样,ie8与FF高度一样),设置高后使用 overflow:hidden;也无济于事,这个问题一直困扰着我,以至于我后来只能使用DIV来做列表,但是这样只能说是对付上的,但没从实际上解决这个问题。后来在网上找到了一个方法,在li样式上加上vertical-align:bottom便解决了,转载 2017-04-05 08:52:08 · 202 阅读 · 0 评论 -
图片内容在不同分辨率下居中显示
1.img 图片内容在不同分辨率下居中显示(如果隐藏多余,在img外面套一个div 设定overflow: hidden。div的大小就是img显示区域的大小) DOCTYPE html>html>head>meta http-equiv="Content-Type" content="text/html; charset=utf-8" />title>无标题文档title>转载 2017-04-01 17:43:08 · 791 阅读 · 0 评论 -
display:inline-block的兼容性问题
兼容性:IE6、IE7不识别inline-block, 支持宽高,不支持在一行显示。其它主流浏览器均支持inline-block。解决IE6、IE7兼容性的方法:原理 : 直接将块元素设置为display:inline呈现为内联对象,然后触发layout(如zoom:1)。兼容所有浏览器的方法是:{displ原创 2017-04-05 16:54:58 · 5606 阅读 · 0 评论 -
修改输入框placeholder文字默认颜色
<input name="id_card" placeholder="请输入邮箱/手机号" type="text">针对placeholder来设置你自己想要的颜色:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity:1; }::-moz-placeholder { /* Mozilla Firefox原创 2017-09-16 16:45:46 · 365 阅读 · 0 评论 -
input框自动填充内容背景颜色为黄色解决方法
谷歌浏览器input自动填充内容,背景色会是黄色,想改的话:input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;}这种点击框也不会出现黄色了input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}还有一种原创 2017-08-31 22:20:49 · 1327 阅读 · 0 评论 -
footer固定底部-HTMLCSS方法
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>footer始终居于底部</title><style type="text/css">* { margin:0; padding:0; }body { font:14px/1.8 arial; }/*核心代码,html,body,wrap高度100%*/html, body原创 2017-09-19 20:54:31 · 873 阅读 · 0 评论 -
简单hover效果-添加投影3D
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0; list-sty原创 2017-09-12 21:19:22 · 728 阅读 · 0 评论