关于HTML的问题

关于HTML的问题

CSS

https://img1.sycdn.imooc.com//climg/62e005160965901f04370372.jpg

https://img1.sycdn.imooc.com//climg/62e0051609a04e9203750499.jpg

HTML1

https://img1.sycdn.imooc.com//climg/62e0051708a7083508670818.jpg

效果1

https://img1.sycdn.imooc.com//climg/62e0051709cf836119140671.jpg

HTML2

https://img1.sycdn.imooc.com//climg/62e0051608cff02308580820.jpg

效果2

https://img1.sycdn.imooc.com//climg/62e0051709ab219a18000660.jpg

老师好,请问下为什么HTML1和HTML2所展示的效果有所不同?



正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,因为HTML结构中,按着代码书写的从上到下的顺序,后面的元素默认显示层级高于前面的元素,所以同学粘贴的两段HTML代码的区别,如下:

1、HTML1结构中#C4书写在#C2后面,绝对定位后,在没有设置z-index属性值的情况下,#C4默认会覆盖前面的元素#C2。

2、HTML2结构中#C4书写在#C2前面,绝对定位后,在没有设置z-index属性值的情况下,#C4默认会覆盖前面的元素#C2

另外,建议同学以后提问与代码相关的问题,直接将你写的完整代码粘贴过来,便于测试帮助同学准确的定位与解决问题。

祝学习愉快~

  • Tiigee 提问者 #1

    谢谢老师,可是效果1中的图片为什么没有定位在中间?

    2022-07-27 15:54:12
  • 好帮手慕慕子 回复 提问者 Tiigee #2

    同学你好,从截图看代码是可以实现图片定位在中间显示的,建议将你写的完整代码直接粘贴过来,老师针对你的代码进行测试解答,祝学习愉快~

    2022-07-27 16:00:01
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师