高丽菜猫小姐 2017-02-23 03:19 采纳率: 50%
浏览 898
已采纳

dom0绑定事件,火狐浏览器不兼容?为啥下面的代码在火狐浏览器无法打印出东西呢,谷歌是可用的!

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试图片手动循环</title>
    <style type="text/css">
        .box{
            padding-top: 50px;
            overflow: hidden;
            width: 500px;
            height: 250px;
            border:1px solid black;
            position: relative;
        }
        .imgbox{
            cursor: pointer;
            position: absolute;
            width: 100px;
            height: 140px;
        }
        .imgbox:first-child{
            left: 420px;
        }
        .imgbox:nth-child(2){
            left: 300px;
        }
        .imgbox:nth-child(3){
            left: 180px;
        }
        .imgbox:nth-child(4){
            left: 60px;
        }
        .imgbox:nth-child(5){
            left: -50px;
        }

        .imgbox img{
            width: 100%;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="imgbox" onclick="clickMe(this)"><img src="img/img1.jpg"></div>      
        <div class="imgbox" onclick="clickMe(this)"><img src="img/img2.jpg"></div>      
        <div class="imgbox" onclick="clickMe(this)"><img src="img/img3.jpg"></div>      
        <div class="imgbox" onclick="clickMe(this)"><img src="img/img4.jpg"></div>
        <div class="imgbox" onclick="clickMe(this)"><img src="img/img5.jpg"></div>
    </div>
    <script type="text/javascript">
        function clickMe(argument) {
            console.log("点我");
            console.log(argument);

        }
    </script>
</body>
</html>
  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2017-02-23 05:55
    关注

    图片说明
    表示你的代码没有问题。。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 MCNP里如何定义多个源?
  • ¥20 双层网络上信息-疾病传播
  • ¥50 paddlepaddle pinn
  • ¥20 idea运行测试代码报错问题
  • ¥15 网络监控:网络故障告警通知
  • ¥15 django项目运行报编码错误
  • ¥15 请问这个是什么意思?
  • ¥15 STM32驱动继电器
  • ¥15 Windows server update services
  • ¥15 关于#c语言#的问题:我现在在做一个墨水屏设计,2.9英寸的小屏怎么换4.2英寸大屏