无论是谁，在制作页面的过程都是会碰到这样或者那样的问题，出了问题就肯定要解决。解决问题的前提是要知道问题出在什么地方，对于新手来说不一定一看到问题就知道问题出在哪里。比如在IE6中“多了一只猪”的问题，对于一些问题需要更多的经验交流分享吸收后才能更好的成长。 在网络中我想大家都有提过问题，需要别人解答的时候，但往往是你的一个问题却得不到任何人给你的解答，或者说是完全被无视了。对于这个时候的你，是不是在...
放在form表单中提交后得不到该值。 将disabled="disabled" 改为 readonly = "readonly" 即可 按照W3C的规范：http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.12 设置为disabled的input将会有下面的限制： 不能接收焦点 使用tab键时将被跳过 可能不是successful的 设置为readonly的input将会有下面的限制： 可以接收焦点但不能被修改 可以使用tab键进行导航 可能是successful的 只有successful的表单元素才是有效数据，...
网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的，然而当 CSS 文件中包含有中文注释时就可能不尽如人意了！估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析，所以才会发生 CSS 在 IE6 下不起作用的情况。看来微软已注意到这个问题，在 IE7 中把它修复了。但是用IE6 的人还是不少。因此这个问...
某个元素设置无边框，只需要给元素设置border:none即可，当然设置border:0效果一样，但实际上两者是有性能差别的 代码如下:border:none：边框设置为为none，不做任何处理；border:0：边框宽度设置为0像素，但是实际上border-color和border-style还是在渲染的。然而在IE中，对于button和input元素确并不是这样,在IE6，7中border:none仅等价于border-style:none,而边框所占的空间还是在的。这导致了调input的宽度和高度在各个浏览器中...
一、网页背景半透明网页背景半透明 代码如下:opacity:0.8;filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";IE6中CSS方法解决PNG图片半透明问题：#DIVname { width: 300px; height: 99px; background: url(images/top.png) no-repeat top; *background: none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=corp, src=template/flower/images/t...
在处理浏览器兼容性问题时，你有没有发现在IE9中浏览DIV CSS网页文字字体偏上方，设置文字垂直上下居中line-height样式失效，而其它浏览器包括ie6-ie8均正常，究竟什么原因造成，如何解决与避免在ie9浏览器line-height失效。一、ie9 line-height失效原因CSS中使用了中文字体，而中文字体使用汉字。如：font-family:"微软雅黑"。使用CSS字体font-family样式使用了“宋体”、“黑体”或“微软雅黑”等中文字体以汉字设置于CSS中。在网...
本篇文章给大家带来的内容是关于CSS常见兼容性问题及解决方法的总结 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。浏览器的兼容性问题，通常是因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况。这里谈到的浏览器，主要指IE6/IE7/IE... FireFox Chrome Opera Safari 等。 但更多的兼容还是考虑IE6/IE7/FF之间的斗争先来谈谈CSS Hack我们为了让页面形成统一的效果，要针对不同的浏览器或不...
本篇文章给大家带来的内容是关于CSS中overflow-y: visible;不起作用的解决方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。场景最近要做的一个需求是移动端的h5页面，要求有一排可选择的卡片, 超出容器部分可以左右滑动，同时每张卡片左上角要有一个删除按钮。如下图：心想：so easy, 在父容器上加一个max-width: 200px; white-space: nowrap; overflow-x: auto;不就搞定了嘛。Demo如下：<div class="contai...
css如何解决bug？相信有很多刚刚接触CSS中IE浏览器的朋友都会有这样的疑问。本章就给大家介绍CSS中IE浏览器最基本的一些bug以及解决方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。一、IE6双倍边距bug当页面上的元素使用float浮动时，不管是向左还是向右浮动；只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10px” 在IE6中，该值就会被解析为20px。想要解决这个BUG就需要在该元素中加入di...
verticla-align用于调整内联元素的垂直位置，但是有时候它不起作用，本篇文章将来给大家分享关于CSS垂直对齐不起作用的原因和解决方法。我们先来分析一下导致垂直对齐无效的原因我想很多人都会遇到这样一个问题，在使用vertical-align作为属性来对齐垂直位置，由于某种原因它根本不起作用！实际上，vertical-align只能用于“内联元素”和“表格单元格”。vertical-align的使用方法在“内联元素”或“表格单元格”中描述您想要对齐位...
margin是一个属性，指定元素和元素之间的间距，但不能为内联元素指定边距，本篇文章将给大家介绍关于CSS中margin不起作用的原因及解决方法。margin不起作用的原因对于初学者来说，可能会经常遇到即使你设置了margin属性但是却不起作用。在理解margin前，我们先来看一下盒模型margin不起作用的原因往往是没有考虑到display：“display:block”或者“display:inline”.我们来看具体的例子HTML<h3>这是一个内联块</h3>CSSh3{display:i...
CSS中的transition属性可用于调整元素更改的时间，它可以像动画一样显示。虽然transition属性可以很方便的实现过渡效果，但是有时候可能会出现无效的情况，所以我们就需要来理解transition属性的写法规则。我们先来看一下CSS中transition属性不起作用的原因transition是一种允许您指定更改时间等的属性。当用于设置鼠标光标放在按钮上时颜色和大小更改的时间时，它可以有像动画一样的效果。transition格式如下选择器名称{ transiti...
一，原因 1，没有响应到css等文件 2，响应类型是由文件的后缀名决定 （1）html的请求头 Content-Type : text/html ; charset=utf-8 （2） CSS的请求头 content-type: text/css; charset=utf-8 （3）JavaScript的请求头 content-type: text/javascrpt; charset=utf-8 二，解决方法： （一） 拿到文件的后缀名 path.extname(path)获取扩展名 （二） 除了方法，也可以定义定义模块 => 拿取后缀名(文件类型) 1，创建model文...
1. 问题描述与解决 css, js在JetBrains系列产品(WebStrom, PyCharm…)无法正常加载. 这时只需将工程目录标记为源文件即可正常加载. 2. 解决步骤2.
1.图片向下撑大3像素问题在一个盒子里面放一张图片，默认情况下，图片会向下撑大3像素，有以下几种解决方法：1.1给图片添加display:block；1.2给图片添加float:left；1.3 给图片添加vertical-align:middle;1.4 给他的父元素加font-size：0；2.如何实现一张未知宽高的图片在一个盒子里面做水平垂直居中？给父元素添加宽高，添加行高 添加 text-align：center给图片添加 ：vertical-align：center3.元素的类型分类哪几种？各自都有什...