• 新记

    • 我的CSS代码为什么在IE中显示正常，在火狐中显示不正常，请高手指点

    这是一段图片浏览的代码，dreamweaver cs4编辑的，IE测试没问题，可是火狐浏览器显示不正常，图片重叠，错位，请高手帮忙指点，修改。
    <head> <link rel = "stylesheet" type = "text/css" href = "style.css" /> </head>
    abbr { font-size : 12px ; } .text10pxwhite { font-size : 10px ; color : #FFFFFF ; }
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    <!--
    /* common styling */

    a {color:#000;}
    a:hover {text-decoration:none;}
    a:visited {color:#000;}

    /* slides styling */

    .photo {padding:15px; background:#222; width:880px; height:350px; text-align:left;}
    .photo h1 {font-size:14px; font-weight:normal; color:#fc0; margin:0 0 0 5px; padding:0;}
    .photo ul {list-style:none; padding:0; margin:0; width:390px; background:#333; border:1px solid #666; position:relative; height:250px;}
    .photo ul li {display:inline; width:20px; height:20px; float:left; margin:5px;}
    .photo ul li a b {display:none;}
    .photo ul li a img {display:block; width:64px; height:48px; border:1px solid #666; border-top-color:#ccc;}

    .photo ul li a:hover {white-space:normal;position:relative;}

    .photo ul li a:active, .photo ul li a:focus {position:static; outline:0;}

    .photo ul li a:focus.vert img, .photo ul li a:active.vert img {background-color:#000; position:absolute; left:420px; top:0; width:400px; height:300px; border:1px solid #fc0; padding:5px 45px;}
    .photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#000; position:absolute; left:420px; top:0; width:400px; height:300px; border:1px solid #fc0; padding:5px 45px;}

    .jenfy { color:#fff;}
    .jenfy a{ color:#fff; }
    .jenfy a:hover{ color:#fff;}
    -->
    </style>
    </head>

    <body style="background:#000">
    <div class="photo">
    <ul>
    <li><a href="#nogo1" class="hor"><img src="http://img.auctiva.com/imgdata/6/5/5/6/1/6/webimg/296533005_o.jpg" alt="" title="" /></a></li>
    <li><a href="#nogo2" class="vert"><img src="http://img.auctiva.com/imgdata/6/5/5/6/1/6/webimg/296532992_o.jpg" alt="" title="" /></a></li>
    <li><a href="#nogo2" class="vert"><img src="http://img.auctiva.com/imgdata/6/5/5/6/1/6/webimg/296532992_o.jpg" alt="" title="" /></a></li>
    <li><a href="#nogo2" class="vert"><img src="http://img.auctiva.com/imgdata/6/5/5/6/1/6/webimg/296532992_o.jpg" alt="" title="" /></a></li>
    <li><a href="#nogo2" class="vert"><img src="http://img.auctiva.com/imgdata/6/5/5/6/1/6/webimg/296532992_o.jpg" alt="" title="" /></a></li>
    <li><a href="#nogo2" class="vert"><img src="http://img.auctiva.com/imgdata/6/5/5/6/1/6/webimg/296532992_o.jpg" alt="" title="" /></a></li>

    </ul>
    <h1>Photo Gallery</h1>
    </div>

    <br /><br /><br /><br />
    <div>
    <span style=" display:none"></span></div>
    </body>
    </html>
    谢谢各位大大！！

    举报该文章
    相关建议   2009-09-29
    ul li 这个火狐的解释和IE的不一样。
    尽量用固定数值设置宽度和间距。
    温馨提示：内容为网友见解，仅供参考
    其他看法
    第1个回答  2009-09-29
    有的时候是这样，各个块都加上overflow:hidden试试 他有 清除浮动的功能，不加他有的时候父块约束不住子块
    第2个回答  2009-09-29
    250801077加我详解
    原因楼上的说了一部分,主要的原因是在margin-left的双倍问题,还有就是UL和LI的原因.为了IE6,7.firefox都支持,一般在CSS最顶部会有个格式化代码.
    div,img,td,li,ul,ol,h1,span等{margin:0px; padding:0px;}
    ul,li{list-style:none;}
    image {border:0px;}
    第3个回答  2009-10-05
    css在各个浏览器中都是不同的，但是可以通过方法实现，这个需要学习，在我的论坛里收录了帖子，感兴趣可以看下bbs.xtzonghe.cn在网站制作板块。
    第4个回答  2009-10-06
    参考：
    1，最好固定宽度和高度；
    2，不能熟用float的话也容易出错；
    3，楼上兄弟们的回答也可以参考。

    ...火狐浏览器和谷歌浏览器都不管用呢,请高手指点一下
    您好，感谢您对火狐的支持 filters是IE专属的滤镜效果，火狐浏览器不支持这一属性的。网上找个兼容的用吧。您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

    css样式a:active IE和火狐显示不一样,求高手帮助解答
    W3C说明中指出：a:link 是默认状态 a:visited 是访问状态 a:hover 是经过状态 而a:active则是按下状态，当鼠标离开后就会消失。火狐对CSS的要求比较严格！您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

    ...火狐浏览器和谷歌浏览器都不管用呢,请高手指点一下
    因为浏览器的安全策略，在火狐下是不可以用js直接访问剪切板的。希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

    ...火狐浏览器和谷歌浏览器都不管用呢,请高手指点一下
    您好！很高兴为您答疑。因为您提交代码的方式，无法为您进行调试，但是此类问题多是css兼容造成的。而且考虑到后期维护和兼容性，不推荐使用纯css的方式实现百叶窗效果，为您推荐可以良好兼容火狐浏览器的百叶窗插件如下：30款jQuery常用网页焦点图。如果对我们的回答存在任何疑问，欢迎继续问询。

    css做的网页,在每个浏览器里面显示的不一样,我该怎么办,求高手指点
    你首先要了解CSS的跨浏览器知识，不是一时半会能掌握的。最简单是使用JS框架如：jquery、Extjs等。

    这种格式的链接地址在IE中可以打开,在谷歌浏览器中打不开 如下图...
    Chrome，Firfox以下端口的web站点无法访问，所以在配置自己站点时需避开以下端口：\/\/ tcpmux 7, \/\/ echo 9, \/\/ discard 11, \/\/ systat 13, \/\/ daytime 15, \/\/ netstat 17, \/\/ qotd 19, \/\/ chargen 20, \/\/ ftp data 21, \/\/ ftp access 22, \/\/ ssh 23, \/\/ telnet 25, \/\/ smtp...

    同一个网站,在不同的浏览器里显示的不一样是为什么?
    各浏览器解译网站代码的方式略有不同，这意味着您的网站在不同浏览器中显示的效果会有所差异。一般情况下，您应避免依赖于浏览器特定的行为，例如在未指定内容类型或编码的情况下，希望浏览器可以正确检测到相应的内容类型或编码。此外，您还可以采取以下步骤来确保网站在不同的浏览器中都能正确显示。在...

    我写的样式为什么只能在IE6里面正常显示啊?在其他的浏览器里面都是乱...
    应该是你写的代码不兼容

    css中,怎样使一列的文字竖排显示?高手指点,
    一、使用writing-mode属性 语法：writing-mode:lr-tb或writing-mode:tb-rl 参数：1、lr-tb：从左向右，从上往下 2、tb-rl：从上往下，从右向左 运行代码发现，IE显示正常，火狐却不行，所以不建议使用writing-mode属性，下面使用模拟方法实现。二、模拟文字竖排 代码：ul{width:100px;height:80px;...

    div+css在ie6.0和ie7.0中的怎么显示不一样
    很多浏览器 有些HTML css都不兼容 这个浏览器能看 换个浏览器就一塌糊涂啦 这种情况很常见 多查点资料 做网页的时候，多用几个浏览器试试。我也是 有些东西很难解决 ，麻烦的很。

    相似回答
    大家正在搜