CSS를 사용하여 텍스트 나 이미지에 투명한 배경을 제공하려면 어떻게해야합니까?

StackOverflow https://stackoverflow.com/questions/806000

  •  03-07-2019
  •  | 
  •  

문제

CSS 만 사용하여 background 요소의 반 트랜스 파트 인이지만 불투명 한 요소의 내용 (텍스트 및 이미지)이 있습니까?

텍스트와 배경을 두 개의 개별 요소로 사용하지 않고 이것을 달성하고 싶습니다.

시도 할 때 :

p {
  position: absolute;
  background-color: green;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

span {
  color: white;
  filter: alpha(opacity=100);
  opacity: 1;
}
<p>
  <span>Hello world</span>
</p>

어린이 요소가 부모의 불투명도에 처해있는 것 같습니다. opacity:1 is relative to the opacity:0.6 부모의.

도움이 되었습니까?

해결책

반도당을 사용하십시오 PNG 이미지 또는 CSS3 사용 :

background-color:rgba(255,0,0,0.5);

다음은 css3.info의 기사입니다. 불투명, RGBA 및 타협 (2007-06-03).

<p style="background-color:rgba(255,0,0,0.5);">
  <span>Hello world</span>
</p>

다른 팁

Firefox 3 및 Safari 3에서는 RGBA를 사용할 수 있습니다. Georg Schölly가 언급했습니다.

약간 알려진 트릭은 인터넷 익스플로러에서 그라디언트 필터를 사용하여 사용할 수 있다는 것입니다.

background-color: rgba(0, 255, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7F00FF00', EndColorStr='#7F00FF00');

첫 번째 16 진수는 색상의 알파 값을 정의합니다.

전체 솔루션 모든 브라우저 :

.alpha60 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

이것은 왔습니다 RGBA 및 필터를 통한 아동 요소에 영향을 미치지 않고 CSS 배경 투명성.

스크린 샷 결과 증명 :

이것은 다음 코드를 사용할 때입니다. 

 <head>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" >
    <title>An XHTML 1.0 Strict standard template</title>
     <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <style type="text/css" media="all">
         .transparent-background-with-text-and-images-on-top {
             background: rgb(0, 0, 0) transparent;   /* Fallback for web browsers that doesn't support RGBa */
            background: rgba(0, 0, 0, 0.6);   /* RGBa with 0.6 opacity */
             filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);  /* For IE 5.5 - 7*/
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";  /* For IE 8*/
         }
     </style>
 </head>

 <body>
     <div class="transparent-background-with-text-and-images-on-top">
         <p>Here some content (text AND images) "on top of the transparent background"</p>
        <img src="http://i.imgur.com/LnnghmF.gif">
     </div>
 </body>
 </html>

Chrome-33 IE11 IE9 IE8

이것은 CSS 3을 사용하지 않고 제가 생각 해낼 수있는 최상의 솔루션입니다. 그리고 내가 볼 수있는 한 Firefox, Chrome 및 Internet Explorer에서 잘 작동합니다.

컨테이너 DIV와 두 개의 자식 DIV를 같은 수준으로, 하나는 컨텐츠 용, 하나는 백그라운드 용으로 넣습니다. CSS를 사용하여 배경을 자동 크기로하여 컨텐츠에 맞게 배경을 Z-INDEX를 사용하여 배경을 실제로 뒷면에 넣으십시오.

.container {
  position: relative;
}
.content {
  position: relative;
  color: White;
  z-index: 5;
}
.background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: Black;
  z-index: 1;
  /* These three lines are for transparency in all browsers. */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: .5;
}
<div class="container">
  <div class="content">
    Here is the content.
    <br/>Background should grow to fit.
  </div>
  <div class="background"></div>
</div>

간단한 반도당 배경색의 경우 위의 솔루션 (CSS3 또는 BG 이미지)이 최상의 옵션입니다. 그러나 더 멋진 일 (예 : 애니메이션, 여러 배경 등)을하고 싶거나 CSS3에 의존하지 않으려면 "Pane Technique"를 시도 할 수 있습니다.

.pane, .pane > .back, .pane > .cont { display: block; }

.pane {
    position: relative;
}

.pane > .back {
    position: absolute;
    width: 100%; height: 100%;
    top: auto; bottom: auto; left: auto; right: auto;
}

.pane > .cont {
    position: relative;
    z-index: 10;
}

<p class="pane">
    <span class="back" style="background-color: green; opacity: 0.6;"></span>
    <span class="cont" style="color: white;">Hello world</span>
</p>

이 기술은 외부 창 요소 내부에 두 개의 "레이어"를 사용하여 작동합니다.

  • 콘텐츠의 흐름에 영향을주지 않고 창자 요소의 크기에 맞는 하나 ( "백"),
  • 그리고 내용을 포함하고 창의 크기를 결정하는 데 도움이되는 하나 ( "cont").

그만큼 position: relative 창에서는 중요합니다. 그것은 다시 레이어가 창의 크기에 맞도록 지시합니다. (필요한 경우 <p> 절대적으로 태그를 달고 창을 <p> a <span> 그리고 그 모든 것을 절대적으로 포지셔닝하십시오 <p> 꼬리표.)

이 기술이 위에 나열된 유사한 기술보다 가장 큰 장점은 창의 지정된 크기 일 필요가 없다는 것입니다. 위에서 코딩 된 바와 같이, 전체 폭 (정상 블록 요소 레이아웃)에 적합하며 내용만큼 높습니다. 외부 창 요소는 직사각형 인 한 어떤 방식 으로든 크기를 조정할 수 있습니다 (예 : 인라인 블록이 작동합니다. 평범한 오래된 인라인은 그렇지 않습니다).

또한 배경에 대한 많은 자유를 제공합니다. 당신은 뒷 요소에 실제로 무엇이든 할 수 있고 컨텐츠의 흐름에 영향을 미치지 않도록하십시오 (여러 개의 풀 사이즈 하위 계층을 원한다면 절대, 너비/높이 : 100%, 위치가 있는지 확인하십시오. 및 상단/하단/왼쪽/오른쪽 : 자동).

배경 삽입 조정 (상단/하단/왼쪽/오른쪽을 통해) 및/또는 배경 고정 (왼쪽/오른쪽 또는 상단/하단 쌍 중 하나를 제거하여)을 대신 사용하는 한 가지 변형은 다음과 같습니다.

.pane > .back {
    position: absolute;
    width: auto; height: auto;
    top: 0px; bottom: 0px; left: 0px; right: 0px;
}

쓴대로 이것은 Firefox, Safari, Chrome, IE8+및 Opera에서 작동하지만 IE7 및 IE6에는 추가 CSS 및 표현식, IIRC 및 마지막으로 확인한 경우 두 번째 CSS 변형은 오페라에서 작동하지 않습니다.

조심해야 할 사항 :

  • Cont 레이어 내부의 부동 요소는 포함되지 않습니다. 그것들이 지워지거나 포함되어 있는지 확인해야합니다. 그렇지 않으면 바닥에서 빠져 나옵니다.
  • 여백은 창자 요소를 사용하고 패딩은 CONT 요소로 이동합니다. 반대쪽을 사용하지 마십시오 (창의 CONT 또는 패딩의 여백) 또는 페이지가 브라우저 창보다 항상 약간 더 넓다는 것과 같은 이상한 점을 알 수 있습니다.
  • 언급했듯이 모든 것은 블록 또는 인라인 블록이어야합니다. 자유롭게 사용하십시오 <div>대신 <span>CS를 단순화하기 위해.

이 기술의 유연성을 선보이는 풀러 데모. display: inline-block, 그리고 둘 다 auto & 특정한 width에스/min-height에스:

.pane, .pane > .back, .pane > .cont { display: block; }
.pane {
	position: relative;
	width: 175px; min-height: 100px;
	margin: 8px;
}

.pane > .back {
	position: absolute; z-index: 1;
	width: auto; height: auto;
	top: 8px; bottom: 8px; left: 8px; right: 8px;
}

.pane > .cont {
	position: relative; z-index: 10;
}

.debug_red { background: rgba(255, 0, 0, 0.5); border: 1px solid rgba(255, 0, 0, 0.75); }
.debug_green { background: rgba(0, 255, 0, 0.5); border: 1px solid rgba(0, 255, 0, 0.75); }
.debug_blue { background: rgba(0, 0, 255, 0.5); border: 1px solid rgba(0, 0, 255, 0.75); }
<p class="pane debug_blue" style="float: left;">
	<span class="back debug_green"></span>
	<span class="cont debug_red">
		Pane content.<br/>
		Pane content.
	</span>
</p>
<p class="pane debug_blue" style="float: left;">
	<span class="back debug_green"></span>
	<span class="cont debug_red">
		Pane content.<br/>
		Pane content.<br/>
		Pane content.<br/>
		Pane content.<br/>
		Pane content.<br/>
		Pane content.<br/>
		Pane content.<br/>
		Pane content.<br/>
		Pane content.
	</span>
</p>
<p class="pane debug_blue" style="float: left; display: inline-block; width: auto;">
	<span class="back debug_green"></span>
	<span class="cont debug_red">
		Pane content.<br/>
		Pane content.
	</span>
</p>
<p class="pane debug_blue" style="float: left; display: inline-block; width: auto; min-height: auto;">
	<span class="back debug_green"></span>
	<span class="cont debug_red">
		Pane content.<br/>
		Pane content.
	</span>
</p>

그리고 여기에 a 라이브 데모 광범위하게 사용되는 기술의 :

christmas-card-2009.slippyd.com screenshot

반 트랜스 펜트를 사용하는 것이 낫습니다 .png.

그냥 열어 Photoshop, 생성 a 2x2 픽셀 이미지 (선발 1x1 인터넷 익스플로러 버그를 일으킬 수 있습니다!)), 녹색으로 채우고 불투명도를 "레이어 탭"으로 60%로 설정하십시오. 그런 다음 저장하고 배경 이미지로 만드십시오.

<p style="background: url(green.png);">any text</p>

그것은 사랑스러운 것을 제외하고는 시원하게 작동합니다. 인터넷 익스플로러 6. 더 나은 수정 사항이 있지만 여기에는 빠른 해킹이 있습니다.

p {
    _filter: expression((runtimeStyle.backgroundImage != 'none') ? runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+currentStyle.backgroundImage.split('\"')[1]+', sizingMethod=scale)' : runtimeStyle.filter,runtimeStyle.backgroundImage = 'none');
}

마크 업을 최소화하는 요령이 있습니다. 의사 요소 배경으로 주요 요소와 그 어린이에게 영향을 미치지 않고 불투명도를 설정할 수 있습니다.

데모

산출:

Background opacity with a pseudo element

관련 코드 :

p {
  position: relative;
}
p:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .6;
  z-index: -1;
}
/*** The following is just for demo styles  ***/

body {
  background: url('http://i.imgur.com/k8BtMvj.jpg') no-repeat;
  background-size: cover;
}
p {
  width: 50%;
  padding: 1em;
  margin: 10% auto;
  font-family: arial, serif;
  color: #000;
}
img {
  display: block;
  max-width: 90%;
  margin: .6em auto;
}
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a ligula ut nunc dignissim molestie.
  <img src="http://i.imgur.com/hPLqUtN.jpg" alt="" />
</p>

브라우저 지원입니다 인터넷 익스플로러 8 그리고 나중에.

가장 쉬운 방법은 반도적 배경을 사용하는 것입니다. PNG 이미지.

JavaScript를 사용하여 작동하게 할 수 있습니다 Internet Explorer 6 필요한 경우.

요약 된 방법을 사용합니다 인터넷 익스플로러에서 투명한 PNG 6.

그 이외의,

당신은 그것을 사용하여 그것을 가짜로 만들 수 있습니다 two side-by-side sibling elements - 만들다 하나의 반 투과성, 그 다음에 absolutely position the other over the top?

이 방법을 사용하면 백그라운드에 이미지를 가질 수 있으며 단색뿐만 아니라 경계와 같은 다른 속성에 투명성을 갖는 데 사용할 수 있습니다. 투명한 PNG 이미지가 필요하지 않습니다.

사용 :before (또는 :after) CSS에서 원래 불투명도로 요소를 남겨 두는 불투명도 가치를 부여합니다. 따라서 당신은 사용할 수 있습니다 : 가짜 요소를 만들고 원하는 투명 배경 (또는 국경)을 제공하기 전에 원하는 콘텐츠 뒤에서 불투명하게 유지하려는 콘텐츠 뒤에 움직입니다. z-index.

예제 (깡깡이) ( DIV 수업과 함께 dad 단지 컨텍스트와 색상과는 대비를 제공하기위한 것입니다.이 추가 요소는 실제로 필요하지 않으며 빨간색 사각형이 약간 아래로 이동하고 오른쪽으로 이동하여 배경 뒤에 배경을 보이는 오른쪽으로 이동합니다. fancyBg 요소):

<div class="dad">
    <div class="fancyBg">
        Test text that should have solid text color lets see if we can manage it without extra elements
    </div>
</div>

이 CSS로 :

.dad {
    background: lime; border: 1px double black; margin: 1ex 2ex;
    padding: 0.5ex; position: relative; -k-z-index: 5;
}
.fancyBg {
    border: 1px dashed black; position: relative; color: white; font-weight: bold;
    z-index: 0; /*background: black;*/
}
.fancyBg:before {content:'-'; display: block;
    position: absolute; background: red; opacity: .5;
    top: 2ex; right: -2ex; bottom: -2ex; left: 2ex;
    /*top: 0; right: 0; bottom: 0; left: 0;*/
    z-index: -1;
}

이 경우 .fancyBg:before 투명성이있는 CSS 속성이 있습니다 (이 예제의 빨간색 배경이지만 이미지 또는 국경이 될 수 있음). 그것을 뒤로 움직이는 것은 절대적으로 배치되어 있습니다 .fancyBg (0의 값 또는 필요에 더 적합한 값을 사용하십시오).

문제는 텍스트가 실제로 당신의 예에서 완전한 불투명도가 있다는 것입니다. 내부에는 완전히 불투명도가 있습니다 p 태그, 그러나 p 태그는 단지 반 투과성입니다.

CSS로 인식하는 대신 반대 기간 PNG 배경 이미지를 추가하거나 별도의 텍스트와 DIV를 2 개의 요소로 DIV를 추가하고 상자 위로 텍스트를 이동할 수 있습니다 (예 : 네거티브 마진).

그렇지 않으면 가능하지 않습니다.

편집하다:

Chris가 언급 한 것처럼 : 투명성이있는 PNG 파일을 사용하는 경우 JavaScript 해결 방법을 사용하여 성가신 인터넷 익스플로러에서 작동하도록해야합니다 ...

거의 모든 답변은 디자이너가 단색 배경을 원한다고 가정합니다. 디자이너가 실제로 사진을 배경으로 원한다면 현재 유일한 실제 솔루션은 jQuery 전달 플러그인과 같은 JavaScript입니다. 다른 곳에서 언급되었습니다.

우리가해야 할 일은 CSS Working Group 토론에 가입하여 배경 능력 속성을 제공하는 것입니다! 다중 백 지 기능과 함께 작동해야합니다.

다음은이 작업을 수행하는 방법입니다 (최적은 아니지만 작동합니다) :

작성 div 당신이 반 투과성이되고 싶다는 것. 클래스/id를 줘. 비워두고 닫으십시오. 설정 높이와 너비 (예 : 300 픽셀 x 300 픽셀)를 제공하십시오. 0.5의 불투명도 또는 좋아하는 것은 배경색을 제공하십시오.

그런 다음 해당 DIV 바로 아래에서 다른 클래스/ID를 가진 다른 div를 만듭니다. 텍스트를 배치 할 수있는 단락을 만듭니다. 줘 div 위치 : 상대 및 상단 : -295px (이것은 음의 295 픽셀입니다). 양호한 측정을 위해 2의 z-index를 제공하고 불투명도가 1인지 확인하십시오. 원하는대로 단락을 스타일링하지만 치수가 첫 번째 차원보다 적습니다. div 따라서 오버플로되지 않습니다.

그게 다야. 코드는 다음과 같습니다.

.trans {
  opacity: 0.5;
  height: 300px;
  width: 300px;
  background-color: orange;
}
.trans2 {
  opacity: 1;
  position: relative;
  top: -295px;
}
.trans2 p {
  width: 295px;
  color: black;
  font-weight: bold;
}
<body>
  <div class="trans">
  </div>
  <div class="trans2">
    <p>
      text text text
    </p>
  </div>
</body>

이것은 Safari 2.X에서 작동합니다. 인터넷 익스플로러에 대해 모르겠습니다.

다음은 모든 것을 처리 할 jQuery 플러그인입니다.전환 - 요소의 배경에 투명성 / 불투명도를 쉽게 적용 할 수있는 jQuery 플러그인).

나는이 문제에 매료되어 있었기 때문에 인생을 훨씬 쉽게 만들 수있는 무언가를 쓰기로 결정했습니다. 스크립트는 2KB 미만이며 작동하기 위해 1 줄의 코드 만 있으면되며, 원하는 경우 배경의 불투명도를 애니메이션하는 것도 처리됩니다.

배경의 불투명도는 있지만 텍스트는 아닙니다 몇 가지 아이디어가 있습니다. 반 트랜스 펜트 이미지를 사용하거나 추가 요소를 오버레이하십시오.

얼마 전, 나는 이것에 대해 썼다 CSS의 크로스 브라우저 배경 투명성.

기괴한 Internet Explorer 6을 사용하면 배경을 투명하게 만들고 텍스트를 완전히 불투명하게 유지할 수 있습니다. 다른 브라우저의 경우 투명한 PNG 파일을 사용하는 것이 좋습니다.

당신이 Photoshop 남자, 당신은 또한 사용할 수 있습니다 :

 #some-element {
  background-color: hsla(170, 50%, 45%, 0.9); // **0.9 is the opacity range from 0 - 1**
 }

또는:

#some-element {
  background-color: rgba(170, 190, 45, 0.9); // **0.9 is the opacity range from 0 - 1**
}

요소의 배경을 반복적이지만 요소의 내용 (텍스트 및 이미지)을 불투명하게 만들기 위해. 해당 이미지에 대한 CSS 코드를 작성해야하며 최소 값으로 불투명이라고 불리는 하나의 속성을 추가해야합니다. 예를 들어

.image{
   position: relative;
   background-color: cyan;
  opacity: 0.7;
}

// 값은 더 적은 투명성이 될 것입니다. 광석 값은 투명도가 적습니다.

배경색 : RGBA (255,0,0,0.5); 위에서 언급 한 바와 같이 간단한 대답은 간단합니다. 2013 년에도 CSS3을 사용하는 것은 다양한 브라우저의 지원 수준이 모든 반복마다 변경되기 때문에 간단하지 않습니다.

하는 동안 background-color 모든 주요 브라우저 (CSS3에 새로운 것이 아님)에 의해 지원됩니다 [1] 알파 투명도는 특히 버전 9 이전의 인터넷 익스플로러와 버전 5.1 이전의 Safari의 테두리 색상을 사용하면 까다로울 수 있습니다. [2

같은 것을 사용합니다 나침반 또는 사스 생산 및 크로스 플랫폼 호환성에 실제로 도움이 될 수 있습니다.

[1] W3Schools : CSS 배경색 속성

[2] Norman의 블로그 : 브라우저 지원 점검 목록 CSS3 (2012 년 10 월)

CSS3에는 문제가 쉬운 해결책이 있습니다. 사용:

background-color:rgba(0,255,0,0.5);

여기서 RGBA는 빨간색, 녹색, 파란색 및 알파 값을 나타냅니다. 녹색 값은 255 및 절반 투명성으로 인해 0.5 알파 값으로 얻어집니다.

사용하는 경우 더 적은, 당신이 사용할 수있는 fade(color, 30%).

당신은 이것을 해결할 수 있습니다 인터넷 익스플로러 8 그라디언트 구문을 사용하여 (ab)에 의해. 색상 형식은 ArgB입니다. 당신이 사용하는 경우 사스 사전 처리기 내장 기능 "ie-hex-str ()"을 사용하여 색상을 변환 할 수 있습니다.

background: rgba(0,0,0, 0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000')";

순수한 사용할 수 있습니다 CSS 3: rgba(red, green, blue, alpha), 어디 alpha 원하는 투명성 수준입니다. JavaScript 또는 jQuery가 필요하지 않습니다.

예는 다음과 같습니다.

#item-you-want-to-style{
    background:rgba(192.233, 33, 0.5)
}

<div align="center" style="width:100%;height:100%;background:white;opacity:0.5;position:absolute;z-index:1001">
    <img id="search_img" style="margin-top:20%;" src="../resources/images/loading_small.gif">
</div>

http://jsfiddle.net/x2ukko7u/?

동일한 div에서 이미지 위에 오버레이를 놓는 더 쉬운 솔루션이 있습니다. 이 도구를 올바르게 사용하는 것은 아닙니다. 그러나 CSS를 사용하여 오버레이를 만드는 매력처럼 작동합니다.

다음과 같은 삽입 그림자를 사용하십시오.

box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.9);

그게 다야 :)

당신이 사용할 수있는 RGBA (red, green, blue, alpha) 에서 CSS, 이 같은:

그러니 당신의 경우에 이런 일을 할뿐입니다.

p {
  position: absolute;
  background-color: rgba(0, 255, 0, 0.6);
}

span {
  color: white;
}

당신은 할 수 있습니다 rgba color code 이 예제와 같은 CSS를 사용하여 벨로우즈가 주어집니다.

.imgbox img{
  height:100px;
  width:200px;
  position:relative;
}
.overlay{
  background:rgba(74, 19, 61, 0.4);
  color:#fff;
  text-shadow:0px 2px 5px #000079;
  height:100px;
  width:300px;
  position:absolute;
  top:10%;
  left:25%;
  padding:25px;
}
<div class"imgbox">
<img src="http://www.bhmpics.com/wallpapers/little_pony_art-800x480.jpg">
  <div class="overlay">
    <p>This is Simple Text.</p>
  </div>
</div>

나는 보통 내 일 에이 수업을 사용합니다. 꽤 좋습니다.

.transparent {
  filter: alpha(opacity=50); /* internet explorer */
  -khtml-opacity: 0.5;      /* khtml, old safari */
  -moz-opacity: 0.5;       /* mozilla, netscape */
  opacity: 0.5;           /* fx, safari, opera */
}

내 관점에 따라 불투명도와 함께 배경색을 사용하는 최선의 방법에 따라 이것을 사용하는 경우 테스트 색상 및 경계 등과 같은 다른 요소에 대한 불투명도를 잃지 않습니다.

background-color: rgba(71,158,0,0.8);

불투명도와 함께 배경색을 사용하십시오

배경색 : RGBA (R, G, B, 불투명);

enter image description here

이 색상 코드와 같은 불투명도로 RGB 색상을 RGB (63,245,0)로 사용하고 (63,245,0,0.5)와 같은 불투명도를 추가하고 RGBA 교체 RGB를 추가 할 수 있습니다. 불투명도를위한 사용

div{
  background:rgba(63,245,0,0.5);
  }

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top