Javascript 圆形Div在初始负载时简要显示为方形

Javascript 圆形Div在初始负载时简要显示为方形,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我曾经 但是没有运气。我想css应该已经应用到加载的div中了,但也许我遗漏了一些东西 CSS如下所示: // make main container visible $( window ).load(function() { $( "#video-container" ).css( "visibility", "visible" ); }); CSS中没有边界半径声明,因此很可能是在其他地方设置的 我建议您检查其他CSs/JS/JQ函数,以确保在适当的时间添加此函数。尝试使用此函数。。。

我曾经

但是没有运气。我想css应该已经应用到加载的div中了,但也许我遗漏了一些东西

CSS如下所示:

// make main container visible
$( window ).load(function() {
  $( "#video-container" ).css( "visibility", "visible" );
});

CSS中没有
边界半径
声明,因此很可能是在其他地方设置的

我建议您检查其他CSs/JS/JQ函数,以确保在适当的时间添加此函数。

尝试使用此函数。。。
$(“#视频容器”).show()

圆形div?边界半径在哪里?它是如何应用的?
$(window).load()
在加载DOM中的所有其他内容后完成函数。看到了吗?你的CSS在一个单独的文件中吗?或者在HTML文件的
中?从服务器加载CSS文件时完全有可能延迟。一个简单的解决方法是在HTML标题中复制CSS的“关键”部分,但这可能会成为维护的噩梦,具体取决于您的环境。您可能会看到是否可以将处理程序附加到CSS文件的加载上,然后在那里设置可见性。正确的答案取决于你的可用性和经验要求。@Paulie_D:你刚刚解决了我的问题,谢谢!边界半径是在其他地方的函数中设置的,所以我需要在加载时调用它。简单的问题,简单的解决方案。我将尝试重新组织我的代码,使之更加清晰。谢谢你的帮助。请随意做出正式回应,这样我就可以接受了。
#video-container {
  background-color: #191919;
  border: 3px solid #999;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
  left: 50%;
  margin-left: -13%;
  margin-top: -13%;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  vertical-align: middle;
  visibility: hidden;
  width: 26%;
  z-index: 2;
}