2014-04-03 4 views
-1

에 사각형으로 표시 나는 둥근 사업부는 간단히 초기로드

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

하지만 행운을 사용했다. 나는 CSS가 이미로드에 div에 적용되었을 것이라고 생각했지만 어쩌면 나는 뭔가를 놓치고있다. 그것은이 somehwere 다른 설정 가능성이 높습니다 그래서

#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; 
} 
+2

반올림 div? 테두리 반경은 어디에 있으며 어떻게 적용됩니까? –

+0

'$ (window) .load()'는 DOM의 다른 모든 것이로드되었을 때 함수를 완성합니다. [** docs **] (https://api.jquery.com/load-event/)를 참조하십시오. – Dijon

+0

CSS가 별도의 파일에 있습니까? 또는 HTML 파일의 '

'에 있습니까? CSS 파일의로드가 서버에서 지연되는 것은 전적으로 가능합니다. 간단한 해결 방법은 CSS의 "중요한"부분을 HTML 헤더에 복제하는 것이지만 환경에 따라 유지 관리의 악몽이 될 수 있습니다. 핸들러를 CSS 파일 로딩에 첨부 할 수 있는지를 확인한 다음 거기에 가시성을 설정하십시오. 올바른 대답은 사용성 및 경험 요구 사항에 따라 다릅니다. –

답변

1

당신의 CSS에는 border-radius 선언이 없습니다 당신이 다른은 CS/JS/JQ을 확인하는 것이 좋습니다,

다음과 같이

CSS입니다 이 기능은 적절한 시간에 추가되도록합니다.

0

이것을 사용해보십시오 ... $ ("# video-container") .show();