最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

火狐和其他浏览器显示不同,求解决_html/css

来源:懂视网 责编:小采 时间:2020-11-27 16:04:53
文档

火狐和其他浏览器显示不同,求解决_html/css

火狐和其他浏览器显示不同,求解决_html/css_WEB-ITnose:其他浏览器正常: 火狐浏览器: HTML代码: 第1张奥德盛员工风采1第2张奥德盛员工风采2第3张奥德盛员工风采3第4张奥德盛员工风采4第5张奥德盛员工风采五第6张奥德盛员工风采第6张 CSS代码: .v_out{width:645px;overflo
推荐度:
导读火狐和其他浏览器显示不同,求解决_html/css_WEB-ITnose:其他浏览器正常: 火狐浏览器: HTML代码: 第1张奥德盛员工风采1第2张奥德盛员工风采2第3张奥德盛员工风采3第4张奥德盛员工风采4第5张奥德盛员工风采五第6张奥德盛员工风采第6张 CSS代码: .v_out{width:645px;overflo
其他浏览器正常:


火狐浏览器:



HTML代码:
  • 第1张第1张奥德盛员工风采1
  • 第2张第2张奥德盛员工风采2
  • 第3张第3张奥德盛员工风采3
  • 第4张第4张奥德盛员工风采4
  • 第5张第5张奥德盛员工风采五
  • 第6张第6张奥德盛员工风采第6张


  • CSS代码:
    .v_out{width:645px;overflow:hidden;z-index:980;}.v_show{width:645px;overflow:hidden;position:relative;height:450px;z-index:990;float:left;}.v_cont{width:6450px;position:absolute;left:0px;top:0px;overflow: hidden; }.v_cont ul{float:left;text-align:center;line-height:50px;}.v_cont ul li{width:645px;height:450px;float:left;margin-top:3px;}/*---圆圈---*/.v_out_p{position:relative;overflow:visible;z-index:988;}.circle{position:relative;margin-left:40px;padding-top:25px;}.circle li{width:105px;height:60px;float:left;margin-right:10px;margin-bottom: 10px;}.circle .circle-cur{background:#f00}/*---切换---*/.prev{float:left;padding-left:0px;z-index:1000;background:url(/img/jiantou_left.png) no-repeat center;position:relative;}.next{float:right;padding-right:0px;z-index:1001;background:url(/img/jiantou_right.png) no-repeat center;position:relative;}.prev,.prev a,.next,.next a{position:relative;width:24px;height:450px;display:block;}.picjianjie{z-index:1002;padding-left:5px;color: #000000;text-align:left;width: 100%;height: 42px;line-height: 42px;position: relative;margin-top:-45px;background: url(../img/bg03.png) repeat-x;}.bigpic{width:645px;height:450px;position:relative;z-index:999;margin-top:-53px;}.smallpic{width:105px;height:60px;}.pictitle{position:relative;z-index:1003;}


    回复讨论(解决方案)

    每人可以帮忙吗



    放下面

    放下面


    谢谢,放了你的代码,完美解决,不过还是不知道主要问题是什么!呵呵。

    放下面


    您好,现在还有一个问题,用了你的代码,原先那里已经解决了。不过上面图片标题那里,用IE打开,原来是在中间的,现在在左边。而360,火狐浏览器那些就还是在中间不变。


    另外一个本来就有的问题就是,页面在IE打开,几乎页面的所有文字都向上移几个像素,其他浏览器就不会。怎么回事呢。

    例如下面两个地方的比较

    正常的

    稍微向上移的


    正常的

    稍微向上移的


    麻烦帮我看看,谢谢了。。

    那就不要用line-height,用 padding,上下就一致了。

    那个“第一张”居中的问题:

     span.pictitle { background-color: white; width: 100%; text-align: center; } .v_cont ul { text-align: left; }

    文档

    火狐和其他浏览器显示不同,求解决_html/css

    火狐和其他浏览器显示不同,求解决_html/css_WEB-ITnose:其他浏览器正常: 火狐浏览器: HTML代码: 第1张奥德盛员工风采1第2张奥德盛员工风采2第3张奥德盛员工风采3第4张奥德盛员工风采4第5张奥德盛员工风采五第6张奥德盛员工风采第6张 CSS代码: .v_out{width:645px;overflo
    推荐度:
    标签: 打开 显示 浏览器
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top