2012-11-21 3 views
0

로고가 내 jq-mobile 사이트의 머리글에 가운데 놓이기 때문에 이미지의 나머지 부분을 동적으로 만들어 div를 완성하게합니다. 그러나 나는 이미지 위에 그것을 얻을 수 없다. 내가 절대 위치를 설정하면 멀리 떨어진다. 나는 이것을 위해 jsfiddle을 만들었다 : http://jsfiddle.net/nMR85/52/.div 이미지와 본문 위에 테두리가있는 배경색

내 사업부가

#example1 { 
-moz-border-top-left-radius: 15px; 
border-top-left-radius: 15px; 
-moz-border-top-right-radius: 15px; 
border-top-right-radius: 15px; 
background-color: #fff; 
height:3em; 
} 

입니다 그리고 여기 내가이 그것을 할 수있는 방법 http://www.imagebanana.com/view/f69uguue/final.png

처럼 보이고 싶은 이미지는? 내 다른 문제는 내가 컨텐트의 배경색을 WHITE로 변경하는 속성을 찾을 수 없다는 것입니다. jqmobile.com의 ThemeRoller도 작동하지 않습니다. 어떤 속성입니까?! 감사

+0

다음에 아래의 언급에 남겨주세요 unneccesary 코드를 업데이트 할 수 있습니다. '.ui-bar-a'와'.ui-overlay-a'는 여러분의 HTML 코드에는 적용되지 않습니다. –

+0

.ui-bar-a는 파란색 배경을 변경합니다. .ui-overlay-a는 콘텐츠의 배경을 바꿀 수있는 곳이어야합니다. – user1010775

+0

물론입니다. 귀하의 사이트에서 어쩌면,하지만 바이올린 두 클래스는 HTML에 존재하지 않습니다. –

답변

0

당신은 #의 예 1 스타일에 부정적인 여백 탑을 사용할 수 있습니다

: http://jsfiddle.net/nMR85/57/

배경색을 변경하는 속성이 background-color입니다 : 결과 여기

#example1 { 
    -moz-border-top-left-radius: 15px; 
    border-top-left-radius: 15px; 
    -moz-border-top-right-radius: 15px; 
    border-top-right-radius: 15px; 
    background-color: #fff; 
    height:3em; 
    margin-top:-2.8em; 
}​ 

background-color : white;

background을 사용하면 이미지가있는 경우 다른 배경 속성을 덮어 쓸 수 있습니다.

+0

감사합니다 고마워요! 잘됐다. 하지만 배경이 아닙니다 :/ – user1010775

+0

두 번째 질문으로 게시물을 업데이트했습니다. – Alvaro

+0

그것을 보았지만 나를 위해 작동하지 않습니까? – user1010775

1

헤이 background-color:white; 당신은 jsfiddle에서 당신의 jquery.mobile.min.cssCSS 재산

CSS

.ui-mobile .ui-page-active { 
    background:white; 
    display: block; 
    overflow: visible; 
}