CSS 기능 내 CSS 스타일링

다음 HTML 및 자바 스크립트 코드가 있습니다. 아래쪽에 표시된대로 Randomize() 기능은 특정 테마가 적용된 div 안에 포함되어 있습니다. CSS 기능 내 CSS 스타일링

div id="themeing"> 
    <script type="text/javascript">Randomize()</script> 
</div>

function Randomize() { 
    var images = new Array("images/banner/banner1.jpg","images/banner/banner2.jpg","images/banner/banner3.jpg","images/banner/banner4.jpg"); 
    var imageNum = Math.floor(Math.random() * images.length); 
    document.getElementById("header").style.backgroundImage = "url('" + images[imageNum] + "')"; 
} 

window.onload = Randomize;

이 기능은 나를 pageload에 내 웹 사이트의 배너 이미지를 회전 할 수있다. 지금은 기능이 작동하지만 CSS에서 id="themeing"에 적용한 스타일은 Javascript가 출력하는 이미지에는 적용되지 않습니다.

Randomize()의 출력이 적절하게 스타일링되도록하려면 어떻게해야합니까?

내가 jQuery 플러그인과 .CSS 기능을 사용하여 솔루션을 발견 어제 :

같은 문제 보았다

출처

2014-08-29 Simplexity

CSS ID 란 무엇입니까? CSS가 활용하는 HTML 요소의 ID 속성. – Satpal

원본 글을 편집했습니다. 이게 더 명확한가요? – Simplexity

여전히 VEry 혼란 스러워요. ( –

무슨 소리하는 CHTML 아이디에 대해 확실하지 오전하지만 이미지는 두 가지 이상의 속성을 설정하여 전체 배경을 충당하기 위해 설정 될 수 있습니다

background-repeat: no-repeat; //in case you don't want repetition of image. 
background-size: cover;

는 도움이되기를 바랍니다.

출처

2014-08-29 07:57:19

: 당신이 jQuery를 사용하지 않으려면

$('jQuery selector').css({"css property name":"css property value"});

것은 아마도 당신이 보는 수를 플러그인에 어떻게 코드화 했습니까?

출처

2014-08-29 07:55:05 Jsl

CSS 기능 내 CSS 스타일링

답변

관련 문제