我对下面的代码的理解是:这是一段用来提取一张雪碧图的代码。(为了增加可读性,我将代码分开了,并在括号里写的注释)
</p></div></div><div class="reader-pic-layer" style="z-index:3"><div class="ie-fix"><p class="reader-pic-item" style="width: 893px;height: 1263px;z-index: 32;left: 26.01983785000004px;top: 36.81645000000001px;(可见度)opacity: 1;(缩放元素)-webkit-transform: scale(1.0582751127659575, 1.0583);;(元素定位)position: absolute;(隐藏超出指定范围的元素)overflow: hidden;"><(设置宽高属性)img width="893" height="13948" (改变元素样式)style="position: absolute;top: -3804px;left: -0px; (用于裁剪一张图像)clip: rect(3804px, 893px, 13948px, 0px);"
src="https://wkbjcloudbos.bdimg.com/v1/docconvert10/wk/3f4a0592c1418e6346bcfaee74cb3807/0.png?responseContentType=image%2Fpng&responseCacheControl=max-age%3D3888000&responseExpires=Thu%2C%2009%20Jun%202022%2014%3A19%3A49%20%2B0800&authorization=bce-auth-v1%2Ffa1126e91489401fa7cc85045ce7179e%2F2022-04-25T06%3A19%3A49Z%2F3600%2Fhost%2F430a83a651bb63f9f32661f38d8790e1c5160750ba44ed29786759a696199c67&x-bce-range=0-46498&token=eyJ0eXAiOiJKSVQiLCJ2ZXIiOiIxLjAiLCJhbGciOiJIUzI1NiIsImV4cCI6MTY1MDg3MTE4OSwidXJpIjp0cnVlLCJwYXJhbXMiOlsicmVzcG9uc2VDb250ZW50VHlwZSIsInJlc3BvbnNlQ2FjaGVDb250cm9sIiwicmVzcG9uc2VFeHBpcmVzIiwieC1iY2UtcmFuZ2UiXX0%3D.YGIZRJMg%2Bh29zzHzeAff09DOp6kh6ALSc42e4VXE%2F5U%3D.1650871189" >
我对这段代码不理解的地方在于元素定位和隐藏指定范围外的元素这两部分:在代码里并没有指定位置元素的位置,那么它是如何起作用的呢?