ASP.NET 컨트롤러에서 CSS로 값을 전달하십시오.

나는 그것이 가능한지 아닌지 확실하지 않습니다. 하지만 나는 그것을 필요로한다.ASP.NET 컨트롤러에서 CSS로 값을 전달하십시오.

style.css에 홈 페이지 배경 이미지를 정의하는 CSS 규칙이 있습니다. 디렉토리에서 임의로 이미지를 선택하고 싶습니다. 이미지 이름은 main-bg-*.jpg과 같습니다 (예 : main-bg-1.jpg, main-bg-2.jpg).

CSS

#background-div { 
padding: 0; 
margin: 0; 
color: #000; 
position: absolute; 
height: 100%; 
width: 100%; 
top: 0; 
left: 0; 
z-index: -1; 
background-image: url('../Images/Backgrounds/home-page-bg-1.jpg'); 
background-position: center center; 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-size: cover; 
background-color: #464646; 
-webkit-filter: blur(5px); 
-moz-filter: blur(5px); 
-o-filter: blur(5px); 
-ms-filter: blur(5px); 
filter: blur(5px); 
}

HTML

I 1 제어 방법에서 10 사이의 수를 생성 할

<body> 
    <div id="background-div"></div> 
    ------- 
    ------- 
</body>

다음 CSS 규칙에 전달.

어떻게 할 수 있습니까?

다른 편리한 방법이 있으면 알려 주시기 바랍니다.

죄송합니다. 바보 같은 질문 인 경우 죄송합니다.

감사합니다.

출처

2015-01-21 s.k.paul

JS에서 그렇게하지 않는 이유는 무엇입니까? 당신은 배경 DOM 요소에 액세스 할 수 있으며 이미지에 대한 임의의 번호로 업데이 트 – qamar

@ qamar, js에서 할 수 있다면, 나는 아무런 문제가 없습니다. 예를 보여 주시겠습니까? –

당신을 위해 예제를 만들 수 있도록 배경 이미지에 CSS를 붙여 넣을 수 있습니까? – qamar

다음과 같이 JS에서 배경 이미지를 설정할 수 있습니다.

var body = document.getElementsByTagName('body')[0]; 
body.style.backgroundImage = 'url(your image url)';

출처

2015-01-21 06:44:09 qamar

JS : 당신은 C# 및 CSS에서이 작업을 수행 할 수

var img = 'main-bg-'+ Math.floor((Math.random() * 10) + 1)+'.jpg'; 
document.getElementById('elementid').style.backgroundImage = url(img);

출처

2015-01-21 06:53:23

한 가지 방법에 클래스를 추가하는 것입니다 사업부 aswell ID를 사용하는 등 :

<body> 
    <div id="background-div" class="background1"></div> 
    ------- 
    ------- 
</body>

및 설정 CSS의 10 개 클래스 :

.background1 { background-image: url('../Images/Backgrounds/home-page-bg-1.jpg'); } 

... 

.background10 { background-image: url('../Images/Backgrounds/home-page-bg-10.jpg'); }

I kno w 당신은 이미 대답을 선택했는데, 자바 스크립트에 대한 요구 사항없이 요청한 것을 수행하는 방법으로 제안하는 것입니다.

출처

2015-01-21 20:08:58

ASP.NET 컨트롤러에서 CSS로 값을 전달하십시오.

답변

관련 문제