2014-02-09 2 views
0

배경 이미지의 색상을 기준으로 텍스트 색상을 변경할 수 있습니까? 나는 몸에 그것을 덧붙인 배경 이미지를 가지고있다. 배경 이미지가 변경 될 때마다 페이지를 다시로드 할 때. 하지만 텍스트 색상이 검정색 인 이미지 위에 위치하는 메뉴가 있습니다. 배경 이미지가 검은 색이면 메뉴가 보이지 않습니다. 내 문제에 대한 해결책이 있습니까? 미리 감사드립니다.배경 이미지의 색상을 기준으로 텍스트 색상이 변경됩니다.

+2

어떤 이미지가로드 될 예정입니까? – AMember

답변

4

사용 스위치의 경우 당신은 당신이 그것을 위해 텍스트에 추가됩니다 이미지의 이름과 CSS 클래스와 사전을 만들 수 있습니다로드 할 이미지를 될 것입니다 무엇을 알고있는 경우

switch(backgroundimage){ 
    case "black.jpg": 
    document.body.color = "white"; 
    break; 
    case "white.jpg": 
    document.body.color = "black"; 
    break; 
    case "green.jpg": 
    document.body.color = "gray"; 
    break; 
} 
0

를 처리 할 수 . 그런 다음 페이지로드시 클래스를 본문 클래스에 연결하십시오.

로드 될 이미지를 모르는 경우 몇 가지 해결책이 있지만 완료되지 않았습니다. 이걸 봐 answer

+0

안녕하세요, 내가로드 될 이미지가 될지 모르겠다 – Preethi

+0

나는 내 대답을 업데이 트했습니다. – AMember

+1

백그라운드 체크 플러그인을 사용해 보았습니다. https://github.com/kennethcachia/Background-Check에 background-check.js 파일을 추가했으며 css에서 언급했듯이 a.background - dark { color : white ; } a.background - complex { 색상 : 회색; }하지만 작동하지 않습니다. – Preethi

관련 문제