subpage

투명한 HTML 버튼을 만드는 방법은? 드림위버로 웹사이트를 만들고 있는데 포토샵으로 배경을 만들까 생각했습니다.코드 편집만으로 버튼 이름을 쉽게 바꿀 수 있는 경우에는 코드를 참조할 수 있기 때문에 그렇게 하기로 했습니다.포토샵을 이용하여 버튼을 구성한다면 해당 버튼이나 어떤 요소에서도 텍스트를 쉽게 편집할 수 없을 것입니다. 그래서 제 질문은 간단합니다. 어떻게 하면 버튼의 값이 계속 보이도록 투명한 인라인 스타일을 가진 버튼을 만들 수 있을까요? .button { background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; } 클릭한 후에도 테두리 음영이 남아 있습니다..

Twitter 부트스트랩의 둥근 모서리를 모두 제거하기 트위터 부트스트랩 2.0 너무 좋아요 - 완전한 라이브러리가 너무 좋아요...하지만 저는 부츠트랩의 둥근 모서리를 모두 없애버리는 매우 박시한 원형이 아닌 사이트에 대한 전세계적인 수정을 하고 싶습니다. CSS가 너무 많아요.글로벌 스위치가 있습니까? 아니면 모든 라운드 스위치를 찾아 교체하는 가장 좋은 방법은 무엇입니까?다음과 같이 모든 원소의 경계 반경을 "0"으로 설정합니다. * { border-radius: 0 !important; } 나중에 덮어쓰기 싫기 때문에 !important를 사용합니다. 적은 파일을 컴파일하지 않을 경우 다음 작업만 수행합니다. * { -webkit-border-radius: 0 !important; -moz-bor..

CSS 네이티브 변수가 미디어 쿼리에서 작동하지 않음 미디어 쿼리에 CSS 변수를 사용하려고 하는데 작동이 안 됩니다. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { } 스펙으로 봤을 때. var()함수는 원소의 어떤 성질에 있는 값의 어떤 부분을 대신하여 사용될 수 있습니다. 그var()함수는 속성 이름, 선택기 또는 속성 값 이외의 다른 것으로 사용할 수 없습니다. 일반적으로 잘못된 구문을 생성하거나, 그렇지 않으면 의미가 변수와 연결되지 않는 값을 생성합니다. 아니요, 미디어 쿼리에 사용할 수 없습니다. 그것도 일리가 있습니다.설정할 수 있기 때문에--mobile-breakpoint예를 들어 에..

CSS 배경 이미지를 너비에 맞게 조정하고 높이를 비례하여 자동으로 조정해야 함 있습니다 body { background: url(images/background.svg); } 원하는 효과는 이 배경 이미지가 페이지의 너비와 동일한 너비를 가지며, 비율을 유지하기 위해 높이가 변경된다는 것입니다. 예를 들어 원래 이미지가 100*200(단위)이고 본체가 600px 너비인 경우 배경 이미지는 1200px 높이가 되어야 합니다.윈도우 크기가 조정되면 높이가 자동으로 변경됩니다.가능한가요? 현재 파이어폭스는 높이를 맞춘 다음 폭을 조정하는 것처럼 보입니다.키가 가장 긴 치수인데다 자르지 않으려고 해서 그런가요?세로로 자른 다음 스크롤합니다. 가로 반복 안 함. 또한 Chrome은 이미지를 중앙에 배치하고 있습..

Google Chrome form autofill 및 노란색 배경 구글 크롬과 자동채움 기능에 디자인 문제가 있습니다.Chrome이 일부 로그인/비밀번호를 기억하면 배경색이 노란색으로 바뀝니다. 다음은 몇 가지 스크린샷입니다. 배경을 제거하거나 이 자동 채우기를 비활성화하는 방법은 무엇입니까?"흰색"을 원하는 색으로 변경합니다. input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important; } 투명한 입력 필드를 원한다면 전환 및 전환 지연을 사용할 수 있습니다. input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input..

CSS: 가로 또는 세로 비율을 유지하면서 100% 가로 또는 높이? 스타일 를 할 수 .width: 100%그리고.auto높이에서(또는 그 반대의 경우), 그러나 이미지를 각각 너무 넓거나 너무 높거나 특정 위치로 제한할 수는 없습니다. 무슨 생각 있어요?영상에 하나의 차원만 정의하면 영상 종횡비가 항상 유지됩니다. 이미지가 당신이 원하는 것보다 더 크거나 더 큰 문제가 있습니까? 이미지에 대해 원하는 최대 높이/폭으로 설정된 DIV에 삽입한 다음 overflow:hidden을 설정할 수 있습니다.그것은 당신이 원하는 것 이상으로 무엇이든 자를 것입니다. 이미지의 너비가 100%이고 높이가 auto인 경우, 가로 세로 비율이 유지되기 때문에 이미지의 높이가 너무 높다고 생각됩니다.자르기를 하거나 가로 ..

CSS 속성 이름에서 별표는 무엇을 합니까? 이 질문에는 이미 다음과 같은 답변이 있습니다. CSS 속성 앞에 별표의 목적 (6개 답변) 닫힘3년 전에. CSS의 선택기에서 별표가 무엇을 하는지는 알고 있지만(아스타리스크는 무엇을 합니까?) 속성 이름에서 무엇을 합니까?다음은 YUI에서 사용하는 CSS의 예입니다.뭐가 뭔지 모르겠어요.*display한다. .yui-button .first-child { display:block; *display:inline-block; } 구문 오류입니다.따라서 CSS에서는 속성 이름을 유효하지 않게 만들고 구문 분석을 중지합니다. 브라우저의 버그 덕분에 가끔 무시되기도 합니다.이렇게 하면 해당 속성이 해당 버그(IE7)가 있는 브라우저에만 적용됩니다. 일반적으로 조건부..

폭 100% 테이블 넘침 디브용기 이 질문에는 이미 다음과 같은 답변이 있습니다. div 이외의 테이블 오버플로 (12개 답변) 닫힘2년 전에. html 테이블이 상위 컨테이너에 오버플로되어 문제가 있습니다. .page { width: 280px; border:solid 1px blue; } .my-table { word-wrap: break-word; } .my-table td { border:solid 1px #333; } Header Text Col 1 Col 2 Col 3 Col 4 Header Text An archipelago is a chain or cluster of islands. The word archipelago is derived from the Greek ἄρχι- – arkhi..

부트스트랩에서 용기의 수직 중심을 맞추는 방법은? 수직으로 중심을 잡을 수 있는 방법을 찾고 있습니다.container 안의 jumbotron페이지 중앙에 설정할 수 있습니다. .jumbotron화면의 전체 높이와 너비에 맞게 조정되어야 합니다..container는 div이의 .1025px페이지 중앙(세로 중앙)에 있어야 합니다. 저는 이 페이지가 스크린의 높이와 너비에 맞게 조정된 점보트론과 수직으로 중앙에 컨테이너를 배치하기를 원합니다.어떻게 하면 달성할 수 있을까요? .jumbotron { height:100%; width:100%; } .container { width:1025px; } .jumbotron .container { max-width: 100%; } The easiest and pow..

어떻게 하면 HTML과 CSS로 div 콘텐츠를 한 줄로 유지할 수 있습니까? 다음이 정의된 a 안에 긴 텍스트가 있습니다. HTML: Stack Overflow is the BEST!!! CSS: div { border: 1px solid black; width: 70px; } 어떻게 하면 끈을 한 줄로 유지하도록 강요할 수 있습니까? (즉, "오버플로우" 중간에 자를 수 있도록)? 사용하려고 했습니다.overflow: hidden,하지만 소용이 없어.시도해 보기: div { border: 1px solid black; width: 70px; overflow: hidden; white-space: nowrap; } 사용하다white-space:nowrap그리고.overflow:hidden http://..