Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.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
Html 元件定位不正确_Html_Css_Positioning - Fatal编程技术网

Html 元件定位不正确

Html 元件定位不正确,html,css,positioning,Html,Css,Positioning,我第一次去看幻灯片时,幻灯片的位置(使用JQuery cycle插件开发)都搞砸了,如下所示: 如果我随后刷新页面,它将正确显示,如下所示: 如何确保此页面在第一次查看时正确显示?与其他浏览器相比,Chrome浏览器的错误布局似乎更为常见,不过从上面的屏幕截图可以看出,其他浏览器也会出现这种情况 谢谢, 不要向图像添加宽度和高度属性 我猜JavaScript会在加载图像之前激活,然后它会进行一些快速计算以获得所需的尺寸,并将其锁定到位;所有这些都是在加载图像之前发生的,因为没有宽度或高度属性

我第一次去看幻灯片时,幻灯片的位置(使用JQuery cycle插件开发)都搞砸了,如下所示:

如果我随后刷新页面,它将正确显示,如下所示:

如何确保此页面在第一次查看时正确显示?与其他浏览器相比,Chrome浏览器的错误布局似乎更为常见,不过从上面的屏幕截图可以看出,其他浏览器也会出现这种情况

谢谢,
不要向图像添加
宽度
高度
属性

我猜JavaScript会在加载图像之前激活,然后它会进行一些快速计算以获得所需的尺寸,并将其锁定到位;所有这些都是在加载图像之前发生的,因为没有
宽度
高度
属性,所以尺寸会出现偏差。在重新加载时,图像将从浏览器缓存中出来,以便在JavaScript运行时知道尺寸

您的JavaScript在DOM就绪时运行,而不是在每件事情都已完全解析和加载时运行。您也可以尝试将幻灯片绑定到事件,而不是
document.ready


你在Chrome中看到的比其他浏览器更多,因为Chrome速度非常快,这就放大了时间问题。

我看过你的网站,但没有遇到问题。:(如果你有chrome浏览器,你能试试吗?