vue 배경 색상 및 투명 도 를 어떻게 설정 합 니까?

배경 색상 및 투명도 설정

위의 그림 과 같이 첫 번 째 그림 이 라면 왼쪽 상단 에 회색 배경,흰색'표지'글 자 를 붙 여야 하고 배경 색 은 투명 성 이 필요 하 다.
우선 rgba()함 수 를 알 아야 합 니 다.
rgba()함 수 는 빨간색(R),녹색(G),파란색(B),투명도(A)의 중첩 을 사용 하여 다양한 색상 을 생 성 합 니 다.
RGBA 는 빨간색,녹색,파란색,투명도(영어:빨간색,녹색,파란색,알파)입 니 다.
4.567917.빨간색(R)0 에서 255 간 의 정 수 는 색깔 중의 빨간색 성분 을 나타 낸다4.567917.녹색(G)0 에서 255 간 의 정 수 는 색채 중의 녹색 성분 을 대표 한다4.567917.파란색(B)0 에서 255 간 의 정 수 는 색깔 중의 파란색 성분 을 대표 한다
  • 투명도(A)수치 0~1 사이 로 투명 도 를 나타 낸다.수치 가 작 을 수록 투명도 가 높다
  • 아래 vue 코드:

    우선 부모 요소 위치 위치 설정:relative;그리고 하위 요소 위치 위치 설정:absolute;left,right,top,bottom 을 설정 하여 위 치 를 조정 한 다음 배경 색 background:rgba(34,34,34,0.5)를 설정 합 니 다.

    button 의 배경 색 을 투명 색 으로 설정 합 니 다.
    스타일 설정 에 사용
    
    background-color: unset

    3.1.0 배경 색 이 설정 되 어 있 습 니 다.

    로그 인 은 배경 색 이 설정 되 어 있 지 않 습 니 다.
    이상 은 개인 적 인 경험 이 므 로 여러분 에 게 참고 가 되 기 를 바 랍 니 다.여러분 들 도 저 희 를 많이 응원 해 주시 기 바 랍 니 다.

    좋은 웹페이지 즐겨찾기