나는 이 패널을 선택했을 경우 어떤 난 블루 컬러 패널 (클릭한 on it). 또한 내가 추가하기에서는 작은 예증으로 ('.png' 이미지) 패널 있음을 반영하는 선택한 패널을 이미 그 전에 선택한.
그래서 그들이 이 작은 예중이 경우 사용자는 예를 들어 10 패널 및 4 세대, 그는 자신이 그 전에 이미 알고 있는 것처럼. 지금까지 이 작동합니다. 문제는 이제 내가 can& 디스플레이 패널의 t # 39, 작은 예증으로 저회가 파랑입니다 동시에건간에.
패널의 블루 (css 'i set background: # 6DB3F2 ',' 과 함께 배경 이미지를 배경 이미지를: url (# 39, & # 39, images/checked.png&) '. 그러나 배경색에 이미지 위에 있기 때문에 예증으로 것 같다고 볼 수 없습니다.
따라서 'es 를 설정할 수 있다' z-인덱스 배경색에 및 배경 이미지를?
이 솔루션은 아웃해야 가져다줄래요 didn& # 39, 빗나갔다.
background-color: #6DB3F2;
background-image: url('images/checked.png');
대신 다른 방식이 통했다.
<div class="block">
<span>
...
</span>
</div>
css.
.block{
background-image: url('img.jpg') no-repeat;
position: relative;
}
.block::before{
background-color: rgba(0, 0, 0, 0.37);
content: '';
display: block;
height: 100%;
position: absolute;
width: 100%;
}
매든 웹 문서 기반으로 여러 사용하여 배경색을 설정할 수 있습니다 '배경' 대표 '속성 속성 또는 개별 제외한 배경색'. 이 경우, 다음과 같은 선형 그래디언트 사용 할 수 있는 '속임수'
background-image: url('images/checked.png'), linear-gradient(to right, #6DB3F2, #6DB3F2);
(이미지) 의 첫 번째 항목을 &prs. 투입해 on top. 두 번째 항목 (컬러 배경) 아래에 투입해 첫 번째. 다른 속성을 개별적으로 설정할 수도 있습니다. 예를 들어, 이미지의 크기를 설정하는 및 포지셔닝하십시오.
background-size: 30px 30px;
background-position: bottom right;
background-repeat: no-repeat;
이 방법은 많은 혜택을 누릴 수 있도록 쉽게 구현할 수 있습니다 또 다른 경우, 예를 들어, 사용하려는 파란색을 이미지를 오버레이 (특정 불투명도의.
background-image: linear-gradient(to right, rgba(109, 179, 242, .6), rgba(109, 179, 242, .6)), url('images/checked.png');
background-size: cover, contain;
background-position: center, right bottom;
background-repeat: no-repeat, no-repeat;
개별 속성 매개변수입니다 설정되었습니다 기록했다. 그 때문에 이미지가 배치된 후, 해당 속성 또한 동일팔레트에 색상 오버레이로 매개변수입니다 색상 오버레이로 매개변수입니다.
내가 어떻게 내 스타일 아이콘으로 슬라이드에서는 곷떒 백그라운드에서 컬러
내가 예전에는 " background-color"; 색상에 대한 속성 및 " background"; 속성 이미지용.
<style>
.btn {
display: inline-block;
line-height: 1em;
padding: .1em .3em .15em 2em
border-radius: .2em;
border: 1px solid #d8d8d8;
background-color: #cccccc;
}
.thumb-up {
background: url('/icons/thumb-up.png') no-repeat 3px center;
}
.thumb-down {
background: url('/icons/thumb-down.png') no-repeat 3px center;
}
</style>
<span class="btn thumb-up">Thumb up</span>
<span class="btn thumb-down">Thumb down</span>
'< " 배경색, 수명*을 스타일 =. # ffffff;;;;;; a href = = % " > < " /< logo_marka_url%> " >;;;; img border = " < 0". style = ", 국경 반지름입니다 5px, 배경. url (images/picture.jpg& # 39;) 50 %50% 더 반복하지 너버 150px 높이 80px ";;; ,,, src = " images/clearpixel.gif" /> < /a> < /li>. '
이미지와 다른 샘플링합니다 배경색에 기입란 센터
이미지 영역 1.first 클레어피셰르 수리입니다. 이미지 영역 상자 2.style 센터 3.li 배경색이나 div 컬러 스타일