Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将div设置为位置:相对位置:绝对位置;使用turn.js时_Javascript_Html_Css - Fatal编程技术网

Javascript 将div设置为位置:相对位置:绝对位置;使用turn.js时

Javascript 将div设置为位置:相对位置:绝对位置;使用turn.js时,javascript,html,css,Javascript,Html,Css,这是一个简单的问题,我刚刚开始使用turn.js库,并希望相对定位图像元素,参考容器div,要做到这一点,它看起来像: <div id="cont" style="position:relative;">//this div acts a page <img src="my.jpg" style="position: absolute; top:40px; left:50px;"> </div> //这个div充当一个页面 使用库的div将用作要翻转的

这是一个简单的问题,我刚刚开始使用turn.js库,并希望相对定位图像元素,参考容器div,要做到这一点,它看起来像:

<div id="cont" style="position:relative;">//this div acts a page
 <img src="my.jpg" style="position: absolute; top:40px; left:50px;">
 </div>
//这个div充当一个页面

使用库的div将用作要翻转的页面,问题是每当我将容器div设置为相对位置时,页面加载时turn.js库会自动将其转换为绝对位置,是否有方法确保转换为页面的div都具有position:relative;代替位置:绝对;?提前谢谢。

试试这个,希望这能解决你的问题

#cont {
  position:relative !important;
}

谢谢,它可以工作,但是现在页面转换中出现了一个失真,我将其设置为位置:相对!重要的;如果我从底部翻页,但我会尝试另一种方式。