CTA 버튼 물귀신 고정 시키기

HTML

<div class="fixed-cta-bar1or2">   <a href="이동할_링크_주소" class="cta-button">무료체험하고 확인하기 →</a> </div> or  이미 이미지로 버튼 모양이 다 갖추어진 경우  <div class="fixed-cta-bar1or2">   <a href="이동할_링크_주소" >무료체험하고 확인하기 →</a> </div> 메타픽셀 lead를 넣은 코드  <div class="fixed-cta-bar1or2">    <a href="이동할_링크_주소" onclick="fbq('track', 'Lead');">무료체험하고 확인하기 →</a>  </div> 버튼 이미지를 링크로 불러오는 경우  <div class="fixed-cta-bar1">   <a href="https://Ocayn.info/t8gzj2ftyy" onclick="fbq('track', 'Lead');" target="_blank" rel="noopener noreferrer">      <img style="max-width: 100%; height: auto; display: block; margin: 0 auto;" src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FBFdL0%2FdJMcacjRiMQ%2FAAAAAAAAAAAAAAAAAAAAAE8W-yUxDjEISjP_xskrKAzW0nR_wJVWs9I1-MxhBpUd%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1788188399%26allow_ip%3D%26allow_referer%3D%26signature%3DIUc2qHyosR1wLJweaag%252BTtRyS0U%253D" alt="무료체험 신청하기" />    </a> </div> ---------------------------------- 요약 텍스트 버튼: 고정용 틀(fixed-cta-bar) + 버튼 꾸미기(cta-button) → 둘 다 필요 이미지 버튼: 고정용 틀(fixed-cta-bar) + 이미지 파일만 삽입 → 고정용 클래스만 필요

 

CSS - 하단고정

.fixed-cta-bar1 {   position: fixed;   bottom: 0;       /* 화면 하단에 밀착 */   left: 0;   width: 100%;     /* 좌우 꽉 차게 */   padding: 12px;   background-color: #ffffff;   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* 약간의 그림자 효과 */   z-index: 9999;   /* 다른 요소보다 항상 위에 나오도록 설정 */   text-align: center; } .cta-button {   display: inline-block;   width: 90%;   max-width: 400px;   padding: 15px 0;   background-color: #ff3355;   color: #ffffff;   font-weight: bold;   font-size: 18px;   text-decoration: none;   border-radius: 8px; }

 

CSS - 상단 고정 

.fixed-cta-bar2 {   position: fixed;   top: 0;          /* 화면 상단에 밀착 */   left: 0;   width: 100%;   z-index: 9999;   /* 이하 동일 */ }

 

9999999999999999999999ㄱㄱ999999999999999999

 

 

9999999999999999999999999999999999999999999999