一个小案例，是关于IE8下的margin-top的失效问题，巨日代码如下：
正常的chrome浏览器下的显示如下：
margin-top=10px，正常显示
但是在ie8下，最终样式如下：
margin-top已经不翼而飞。
这类问题的具体原因，不太清楚，等待后续的学习。
具体的改善措施，就是：给父级元素wrap添加display:inline-block; 就解决了。
时间： 2024-12-10 09:21:32
ie8 下margin-top失效的小案例
ie8 下margin-top失效的小案例的相关文章
ie8 下使用video 标签的z-index问题
最近在项目中遇到了一个问题,就是在ie8下video的z-index 很小,但是却始终显示在最上面,经过很长时间的查论,最终解决了这个问题. 1.设置flash为透明:但是如果你在DW中插入动画,再加<param name="wmode" value="transparent">是不生效的.要把整个的flash插件12代码换成如下:<object type="application/x-shockwave-flash" data
IE8下String的Trim()方法失效的解决方法
String的Trim()方法失效,在ie8下是有这样的情况的,解决方法也很简单使用$.trim(str)即可,需要的朋友可以了解下 用jquery的trim()方法,$.trim(str)就可以了.
css小案例:导航栏特效
css小案例:导航栏特效,实现如下图所示效果: 首先可以将html代码写出: 1 <nav class="cl-effect-1"> 2 <a href="#">Umbrella</a> 3 <a href="#">Ineffable</a> 4 <a href="#">Lilt</a> 5 <a href="#"&g
小案例带你揭秘JS事件
小案例带你揭秘JS事件 ### 什么是事件? 在js中一个事件的组成由那些呢? 谁触发事件:事件源 触发什么事件: 事件的类型 触发事件干什么事:事件处理函数 事件传播的过程 捕获阶段 就是从window事件处理函数开始,依次向内,只要事件目标的事件处理函数都会执行 执行顺序是从上到下的函数执行顺序 目标阶段 你触发在哪个元素上那么这个事件的目标源就是谁 冒泡阶段 从事件目标的时间处理函数开始,依次向外,知道window的事件处理函数触发 执行顺序是从内到外的 事件委托 就是我们把要做的事情委托
JS小案例分析
a.微博输入删除小案例 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } ul { list-style: none; } .box { width: 600px; margin: 100px auto; b
机械表小案例之transform的应用
这个小案例主要是对transform的应用. 时钟的3个表针分别是3个png图片,通过setInterval来让图片转动.时,分,秒的转动角度分别是30,6,6度. 首先,通过new Date函数获取当前时间,通过date.getSeconds(),date.getMinutes(),date.getHours()获得秒,分,时,之所以按这个顺序,是因为下面的变量会有对上面的计算,如果按时,分,秒的顺序,则会报错. 其次,另外一个点,为保证平稳的从一个时间段调到另一个时间段,在设置时间时,如小时
input 的 placeholder属性在IE8下的兼容处理
placeholder是input标签的新属性,在使用的时候有两个问题: 1.IE8 下不兼容 处理思路: 如果浏览器不识别placeholder属性,给input添加类名placeholder,模仿placeholder属性的样式,并给input 的value赋值placeholder属性的值 2. input的type属性是password的情况,用上面的方法处理提示语为密码文 处理思路: 新添加一个标签,模仿placeholder属性 直接上代码: css部分: 1 .input-item
【JavaScript】for循环-小案例：选项卡、伸缩导航
这两天学习js的for循环,做了一些小案例,总结来说: 用设置class来改变元素的样式以及是否显示; 用for循环给多个元素添加注册事件; 注意自定义属性的使用:O[i].index = i; 以及用变量num来记录当前状态或者序号. 案例1:选项卡 效果: 代码: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="Key
10.15 iptables filter表小案例;10.16—10.18 iptables nat
扩展: 1. iptables应用在一个网段: http://www.aminglinux.com/bbs/thread-177-1-1.html 2. sant,dnat,masquerade: http://www.aminglinux.com/bbs/thread-7255-1-1.html 3. iptables限制syn速率: http://www.aminglinux.com/bbs/thread-985-1-1.html 10.15 iptables filter表小案例 ipta