为了账号安全,请及时绑定邮箱和手机立即绑定

.img-back的onClick没有触发

img-figure的onClick事件可以触发,图片可以从正面翻转到文字说明,但是.img-back的onClick事件不能触发,想不到是什么原因

 <figure className={imgFigureClassName} style={styleObj} onClick={this.handleClick}>
        <img src={this.props.data.imageURL} alt={this.props.data.title}/>
        <figcaption>
          <h2 className="img-title">{this.props.data.title}</h2>
          <div className = 'img-back' onClick={this.handleClick} >
            <p>
              {this.props.data.desc}
            </p>
          </div>
        </figcaption>
      </figure>


正在回答

1 回答

因为刚刚.img-back的z值小,没有设置translateZ(1px),导致操作不到


1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
React实践图片画廊应用(下)
  • 参与学习       25439    人
  • 解答问题       49    个

颠覆式前端UI开发框架-React,使用React打造图片画廊应用

进入课程

.img-back的onClick没有触发

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号