CSS를 사용하여 요소 배경의 불투명도를 낮추려면 어떻게 해야 합니까?
하여 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입니다.opacity:0.6버이어
반투과 PNG 또는 SVG 이미지를 사용하거나 CSS를 사용합니다.
background-color: rgba(255, 0, 0, 0.5);
다음은 css3.info, Opacity, RGBA 및 타협(2007-06-03)의 기사입니다.
텍스트가 배경과 충분한 대비가 필요하다는 점에 유의하십시오.배경이 비쳐지면요.
<p style="background-color: rgba(255, 0, 0, 0.5);">
<span>Hello, World!</span>
</p>Firefox 3 및 Safari 3에서는 Georg Schöly가 언급한 것처럼 RGBA를 사용할 수 있습니다.
조금 알려진 요령은 Internet Explorer에서도 그라데이션필터를 사용하여 사용할 수 있다는 것입니다.
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>
이 솔루션은 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, .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>
이 기술은 외부 창 요소의 내부에 다음 두 개의 "레이어"를 사용하여 작동합니다.
- 콘텐츠 흐름에 영향을 주지 않고 페인 요소의 크기에 맞는 1개(뒤쪽)
- 및 내용을 포함하고 창의 크기를 결정하는 데 도움이 되는 "계속"을 지정합니다.
position: relative은 창에 맞게 (필요한 )<p>absolute을 absolute에서 합니다.<p> a까지<span> .<p>
위의 유사한 기술에 비해 이 기술의 주요 장점은 창이 지정된 크기일 필요가 없다는 것입니다. 위에서 코딩한 바와 같이 전체 폭(일반 블록 요소 레이아웃)에 맞으며 컨텐츠만큼만 높습니다.바깥쪽 창 요소는 직사각형이면 원하는 대로 크기를 지정할 수 있습니다(즉, 인라인 블록은 작동하지만 일반 인라인은 작동하지 않습니다).
또, 백그라운드의 자유도를 크게 해, 컨텐츠의 흐름에 영향을 주지 않게 할 수 있습니다(풀 사이즈의 서브 레이어를 복수 사용하는 경우는, absolute, width/height:100%, 상/하/좌/우:auto의 위치도 확인해 주세요).
배경 삽입 조정(위/아래/왼/오른쪽) 및/또는 배경 핀 접속(왼쪽/오른쪽 또는 위/아래쪽 쌍 중 하나를 제거함)을 가능하게 하는 한 가지 변형은 대신 다음 CSS를 사용하는 것입니다.
.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 바리에이션은 Opera에서 동작하지 않습니다.
주의해야 할 점:
- 콘트 레이어 내부의 부동 요소는 포함되지 않습니다.확실하게 하지 않으면 바닥에서 미끄러져 나갈 거예요.
- 여백은 페인 요소에, 패딩은 cont 요소에 표시됩니다.반대(콘텐트 또는 페인의 패딩)를 사용하지 마십시오.그렇지 않으면 페이지가 항상 브라우저 창보다 약간 넓어지는 등 이상한 점이 발견됩니다.
- 전술한 바와 같이 모든 것이 블록 또는 인라인 블록이어야 합니다.롭게 하세요.
<div>해 주세요.<span>를 사용하여 CSS를합니다.
풀 데모를 통해 이 기술의 유연성을 보여 줍니다.display: inline-block및 양쪽 와 함께, 「」를 참조해 주세요.auto specific 정 &정 &widths/min-heights:
.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>다음은 광범위하게 사용되는 기술의 라이브 데모입니다.
마크업을 최소화하는 요령이 있습니다.의사 요소를 배경으로 사용하면 메인 요소와 그 하위 요소에 영향을 주지 않고 불투명도를 설정할 수 있습니다.
출력:
관련 코드:
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>브라우저는 Internet Explorer 8 이후를 지원합니다.
반투명 제품을 사용하는 것이 좋습니다.
Photoshop을 열면2x2픽셀 이미지(Internet Explorer 버그의 원인이 될 수 있습니다!)를 녹색으로 채우고 "레이어 탭"의 불투명도를 60%로 설정합니다.그런 다음 저장하고 배경 이미지로 만듭니다.
<p style="background: url(green.png);">any text</p>
물론 멋진 Internet Explorer 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');
}
이 방법을 사용하면 솔리드 색상뿐만 아니라 백그라운드에서 이미지를 표시할 수 있으며 테두리 등의 다른 속성에 투명성을 가질 수 있습니다.투명한 PNG 이미지는 필요하지 않습니다.
:before (오류):afterCSS에 포함시키고 요소를 원래 불투명도로 유지하기 위한 불투명도 값을 지정합니다. : 테두리)을할 수 .「 before 」는 「before」로 합니다.z-index
예(fiddle) (주: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'은 '0'은 '0'입니다)
가장 쉬운 방법은 반투명한 배경 PNG 이미지를 사용하는 것입니다.
필요에 따라 JavaScript를 사용하여 Internet Explorer 6에서 실행할 수 있습니다.
Internet Explorer 6의 '투명 PNG'에서 설명한 방법을 사용합니다.
그 밖에도, 2개의 형제 요소를 사용해 조작할 수 있습니다.하나는 반투명하게 하고, 다른 하나는 확실히 위에 배치합니다.
거의 모든 답변은 디자이너가 단색의 배경을 원한다고 가정합니다.디자이너가 실제로 배경으로 사진을 원하는 경우, 현재 유일한 해결책은 다른 곳에서 언급된 jQuery Transify 플러그인과 같은 JavaScript입니다.
우리가 해야 할 일은 CSS 워킹그룹 토론에 참여하여 백그라운드 불투명도 속성을 부여하도록 하는 것입니다.멀티 백그라운드 기능과 연동하여 동작합니다.
문제는 텍스트가 실제로 완전한 불투명도를 가지고 있다는 것입니다.내부에는 완전 불투명도가 있습니다.p단, ""는p태그는 반투명일 뿐입니다.
CSS에서 인식하지 않고 반투명 PNG 배경 이미지를 추가하거나 텍스트와 div를 2개의 요소로 구분하여 상자 위로 텍스트를 이동할 수 있습니다(네거티브 여백 등).
그렇지 않으면 불가능할 거예요.
Chris가 말한 것처럼 PNG 파일을 투과적으로 사용하는 경우 번거로운 Internet Explorer에서 작동하려면 JavaScript 회피책을 사용해야 합니다.
이 방법은 다음과 같습니다(최적이지는 않을 수 있지만 작동).
div반투명하게 하고 싶은 거.클래스/아이디를 지정합니다.비워 두었다가 닫으십시오.높이와 너비(300픽셀×300픽셀 등)를 설정합니다.0.5의 불투명도와 원하는 배경색을 지정합니다.
그런 다음 이 div 바로 아래에 다른 클래스/id를 가진 다른 div를 만듭니다.텍스트를 넣을 단락을 작성합니다.를 제공하다div top: " " " : " " , " " :-295px(- 295픽셀).적절한 측정을 위해 z-인덱스를 2로 지정하고 불투명도가 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에서 작동하지만 Internet Explorer에 대해서는 모릅니다.
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**
}
모든 것을 처리하는 jQuery 플러그인 Transify(트랜스파이 - 요소의 배경에 투명도/불투명도를 쉽게 적용할 수 있는 jQuery 플러그인)가 있습니다.
저는 가끔 이 문제에 부딪혔기 때문에, 인생을 훨씬 더 편하게 할 수 있는 것을 쓰기로 결심했습니다.스크립트는 2KB 미만으로 동작하기 위해 코드 한 줄만 필요합니다.또, 필요에 따라서, 백그라운드의 불투명도 애니메이션을 처리합니다.
조금 전에 Cross Browser Background Transparency With CSS에 이 내용을 기재했습니다.
이상하게도 Internet Explorer 6을 사용하면 배경을 투명하게 하고 텍스트를 완전히 불투명하게 유지할 수 있습니다.다른 브라우저에서는 투명한 PNG 파일을 사용하는 것이 좋습니다.
배경의 불투명성, 그러나 텍스트에는 아이디어가 없습니다.반투명 이미지를 사용하거나 추가 요소를 오버레이합니다.
CSS 3에는, 문제의 간단한 해결 방법이 있습니다.용도:
background-color:rgba(0, 255, 0, 0.5);
서서,,rgba빨간색, 녹색, 파란색 및 알파 값을 나타냅니다.녹색 값은 255로 0.5알파 값으로 얻을 수 있으므로 얻을 수 있습니다.
및 불투명하게 에 대한 코드를 써야 , 이.opacity최소값으로.
예를들면,
.image {
position: relative;
background-color: cyan;
opacity: 0.7;
}
// 값이 작을수록 투명도가 높아지거나 투명도가 낮아집니다.
[Less]를 사용하는 경우fade(color, 30%).
background-color: rgba(255, 0, 0, 0.5)입니다.상기와 같이, 간단하게 말하면 최적인 회답입니다.2013년에도 CSS3를 사용하는 것은 간단하지 않습니다.이는 반복할 때마다 다양한 브라우저의 지원 수준이 변하기 때문입니다.
한편, 「 」는, 「 」, 「 」의 사이에background-color3의 버전이 되고 있습니다[보다 이전 5. 수 2] 는 、 CSS 3 の （ CSS 3 ） 。Internet Explorer 5.1 사파리 [2]
나침반이나 SAS와 같은 것을 사용하면 프로덕션 및 플랫폼 간 호환성에 큰 도움이 됩니다.
[1] W3 Schools : CSS 배경색 속성
[2] Norman 블로그: 브라우저 지원 체크리스트 CSS3 (2012년 10월)
Internet Explorer 8의 경우 구배 구문을 사용하여 (ab) 해결할 수 있습니다.컬러 포맷은 ARGB입니다.Sass 프리프로세서를 사용하는 경우 내장된 함수 "ie-hex-str()"를 사용하여 색상을 변환할 수 있습니다.
background: rgba(0,0,0, 0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000')";
<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/?
16진수 값에 추가된 불투명도 값을 사용할 수 있습니다.
background-color: #11ffeeaa;
예에서는 " " 입니다.aa불투명도입니다.도 ★★★★★00 및 '투명'을합니다.ff단색을 의미합니다.
불투명도는 임의이므로 16진수 값을 항상 사용할 수 있습니다.
background-color: #11ffee;
을 사용할 .rgba():
background-color: rgba(117, 190, 218, 0.5);
★★★★★★★★★★★★★★★★.background배경에 이미지 또는 그라데이션과 같은 다른 스타일이 없는지 확인하려면 다음과 같이 요약합니다.
background: #11ffeeaa;
Mozilla 사양(https://developer.mozilla.org/en-US/docs/Web/CSS/background-color):
/* Keyword values */
background-color: red;
background-color: indigo;
/* Hexadecimal value */
background-color: #bbff00; /* Fully opaque */
background-color: #bf0; /* Fully opaque shorthand */
background-color: #11ffee00; /* Fully transparent */
background-color: #1fe0; /* Fully transparent shorthand */
background-color: #11ffeeff; /* Fully opaque */
background-color: #1fef; /* Fully opaque shorthand */
/* RGB value */
background-color: rgb(255, 255, 128); /* Fully opaque */
background-color: rgba(117, 190, 218, 0.5); /* 50% transparent */
/* HSL value */
background-color: hsl(50, 33%, 25%); /* Fully opaque */
background-color: hsla(50, 33%, 25%, 0.75); /* 75% transparent */
/* Special keyword values */
background-color: currentcolor;
background-color: transparent;
/* Global values */
background-color: inherit;
background-color: initial;
background-color: unset;
같은 칸에 있는 이미지 위에 오버레이를 씌우는 것이 더 쉬운 해결책이 있습니다.이 툴의 올바른 사용이 아닙니다.하지만 CSS를 사용하여 오버레이를 만드는 것은 매우 효과적입니다.
다음과 같이 삽입 섀도를 사용합니다.
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.9);
이상입니다:)
저는 보통 이 수업을 업무에 사용합니다.아주 좋다.
.transparent {
filter: alpha(opacity=50); /* Internet Explorer */
-khtml-opacity: 0.5; /* KHTML and old Safari */
-moz-opacity: 0.5; /* Firefox and Netscape */
opacity: 0.5; /* Firefox, Safari, and Opera */
}포맷을 사용할 때 효과가 있었습니다.#AARRGGBB그래서 내 밑에서 일하는 사람은#1C00ff00어떤 사람에게는 효과가 있고 다른 사람에게는 효과가 없는 것을 보았기 때문에 시도해 보십시오.CSS c c c c c c c c c 。
많은 사람들이 (배경뿐만 아니라) 어떤 요소의 불투명도를 어떻게 조정하는지 알고 싶어하기 때문에, 이것은 추가하는 것만큼이나 간단합니다.opacity: 0.2과 1 의 임의의 를 해당 0」 「1」 「1」 ) 。
예
.myclass {
color: #eb4746;
opacity: 0.2;
}
이것은 배경, 머리글, 단락 등에서 사용할 수 있습니다.
나는 위의 모든 답변에 동의하며 rgba가 최선의 방법이다.제 경우 16진수 배경을 프로그래밍 방식으로 제공받았기 때문에 16진수 코드에 따라 자체 rgba를 생성해야 합니다.16진수를 rgba로 변환하기 위해 Down씨의 답변을 수정한 버전을 만들었습니다.
function hexToRgba(hex,alpha) {
// Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
hex = hex.replace(shorthandRegex, function(m, r, g, b) {
return r + r + g + g + b + b;
});
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
if(result!=null){
const r = parseInt(result[1], 16);
const g = parseInt(result[2], 16);
const b = parseInt(result[3], 16);
//
return `rgba(${r},${g},${b},${alpha})`;
}
return null;
}
원하는 출력을 얻을 수 있습니다.
div {
width: 200px;
height: 200px;
display: block;
position: relative;
}
div::after {
content: "";
background: url(image.jpg);
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
그러면 원하는 결과를 얻을 수 있습니다.
body {
background-image: url("\images\dark-cloud.jpg");
background-size: 100% 100%;
background-attachment: fixed;
opacity: .8;
}
배경의 불투명도 설정.
언급URL : https://stackoverflow.com/questions/806000/how-do-i-reduce-the-opacity-of-an-elements-background-using-css
'code' 카테고리의 다른 글
| 다른 div 내부의 div를 수직으로 중심 맞춤 (0) | 2023.04.08 |
|---|---|
| 정적 HTML 페이지에 favicon 추가 (0) | 2023.04.08 |
| 사용자가 DIV 바깥쪽을 클릭할 때 jQuery를 사용하여 DIV 숨기기 (0) | 2023.04.08 |
| SQL 쿼리에서 변수를 설정하는 방법 (0) | 2023.04.08 |
| 플렉스 아이템을 오른쪽 정렬하는 방법 (0) | 2023.04.08 |