반응형

css 13

JS를 사용하지 않고 이미지를 끌거나 선택할 수 없도록 방지

JS를 사용하지 않고 이미지를 끌거나 선택할 수 없도록 방지 파이어폭스에서 자바스크립트에 의존하지 않고 이미지를 드래그할 수 없고 선택할 수 없도록 만드는 방법을 아는 사람이 있습니까?사소해 보이지만 여기 문제가 있습니다. Firefox에서 끌어서 강조 표시할 수 있습니다. 이를 추가하지만 드래그하는 동안에도 이미지가 강조 표시될 수 있습니다. 그래서 강조 문제를 해결하기 위해 이것을 추가하지만, 직관적으로 이미지를 다시 끌 수 있게 됩니다.이상해요, 알아요!FF 16.0.1 사용 그래서, 누가 왜 추가하는지 아는 사람?-moz-user-select: none, 어떻게든 트럼프를 하고 무력화시킬 겁니다draggable=false 물론 웹킷은 예상대로 작동합니다.인터넷에는 이 일에 대해 아무것도...함께 ..

programing 2023.10.18

HTML5 캔버스 크기 조정(다운스케일) 이미지 고품질?

HTML5 캔버스 크기 조정(다운스케일) 이미지 고품질? html5 캔버스 요소를 사용하여 브라우저에서 이미지 크기를 조정합니다.품질이 매우 떨어지는 것으로 나타났습니다.다음을 찾았습니다. 크기를 조정할 때 보간을 사용하지 않도록 설정하지만 품질을 높이는 데는 도움이 되지 않습니다. 아래는 저의 css와 js 코드와 포토샵으로 호출되어 캔버스 API로 스케일링된 이미지입니다. 브라우저에서 이미지를 스케일링할 때 최적의 화질을 얻으려면 어떻게 해야 합니까? 참고: 큰 이미지를 작은 이미지로 축소하고 캔버스의 색상을 수정한 후 결과를 서버로 전송합니다. CSS: canvas, img { image-rendering: optimizeQuality; image-rendering: -moz-crisp-edges;..

programing 2023.10.13

CSS에서 if/else 조건을 사용할 수 있습니까?

CSS에서 if/else 조건을 사용할 수 있습니까? 저는 CSS에 조건을 사용하고 싶습니다. 이 아이디어는 사이트가 실행되어 올바른 스타일시트를 생성할 때 내가 대신할 변수가 있다는 것입니다. 이 변수에 따라 스타일시트가 변하도록 하고 싶습니다! 다음과 같습니다. [if {var} eq 2 ] background-position : 150px 8px; [else] background-position : 4px 8px; 이거 할 수 있어요?이걸 어떻게 하나요?전통적인 의미는 아니지만 HTML에 접근할 수 있는 경우 클래스를 사용할 수 있습니다. 예를 들어 다음과 같습니다. Text Text CSS 파일에는 다음과 같은 내용이 포함됩니다. p.normal { background-position : 150p..

programing 2023.09.23

CSS - 선택한 라디오 버튼 레이블을 스타일화하는 방법?

CSS - 선택한 라디오 버튼 레이블을 스타일화하는 방법? 라디오 단추의 선택한 레이블에 스타일을 추가합니다. HTML: All Open Archived CSS .radio-toolbar input[type="radio"] {display:none;} .radio-toolbar label { background:Red; border:1px solid green; padding:2px 10px; } .radio-toolbar label + input[type="radio"]:checked { background:pink !important; } 내가 뭘 잘못하고 있는지 알아요? .radio-toolbar input[type="radio"] { display: none; } .radio-toolbar lab..

programing 2023.08.29

두 개의 인라인 블록, 폭 50% 요소가 두 번째 선으로 감깁니다.

두 개의 인라인 블록, 폭 50% 요소가 두 번째 선으로 감깁니다. 이 질문에는 이미 다음과 같은 답이 있습니다. HTML에서 공백 무시 (12개 답변) 마감됨9년 전에. 50% 너비의 공간을 가진 두 개의 기둥을 갖고 싶고, 부유물은 피하고 싶습니다.그래서 저는 사용하려고 생각했습니다.display:inline-block. 요소가 99% 너비(예: 50%, 49%, http://jsfiddle.net/XCDsu/2/ )에 추가되면 예상대로 작동합니다. 100% 너비(예: 50%, 50%, http://jsfiddle.net/XCDsu/3/ )를 사용하면 두 번째 열이 두 번째 줄로 나뉩니다. 왜 그런 것일까요?그 이유는display:inline-blockHTML의 공백을 고려합니다.사이의 공백을 제거하..

programing 2023.08.24

IE에서 "경계 반경" 지원

IE에서 "경계 반경" 지원 인터넷 익스플로러가 "경계 반경" CSS 속성을 지원하는지/언제 지원하는지 아는 사람이 있습니까?네! IE9이 2011년 1월에 출시될 때. 네 면 모두에서 짝수 15px를 원한다고 가정해 보겠습니다. .myclass { border-style: solid; border-width: 2px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } IE9을 합니다.border-radius그러니까 경계 반경이라고 부르는 모든 스타일에 그것을 포함시키세요.그러면 당신의 사이트는 IE9를 위해 준비될 것입니다. -moz-border-radius파이어폭스용입니다.-webkit-border-radius사..

programing 2023.08.24

배경색 전환

배경색 전환 저는 변화의 효과를 만들기 위해 노력하고 있습니다.background-color메뉴 항목을 호버링할 때 작동하지 않습니다.내 CSS 코드는 다음과 같습니다. #content #nav a:hover { color: black; background-color: #AD310B; /* Firefox */ -moz-transition: all 1s ease-in; /* WebKit */ -webkit-transition: all 1s ease-in; /* Opera */ -o-transition: all 1s ease-in; /* Standard */ transition: all 1s ease-in; } 그#nav div메뉴입니다.ul항목 목록현재 Safari, Chrome, Firefox, Oper..

programing 2023.08.24

CSS를 사용하여 둥근 모서리 만들기

CSS를 사용하여 둥근 모서리 만들기 현재 상태로는 이 질문은 우리의 Q&A 형식에 적합하지 않습니다.우리는 답변이 사실, 참고 자료 또는 전문 지식에 의해 뒷받침되기를 기대하지만, 이 질문은 토론, 논쟁, 여론 조사 또는 연장된 토론을 요청할 가능성이 높습니다.만약 이 질문이 개선될 수 있고 다시 열릴 수 있다고 느낀다면,안내를 위해 헬프 센터를 방문합니다. 마감됨11년 전에. CSS를 사용하여 둥근 모서리를 만들려면 어떻게 해야 합니까?에, 은 CSS3를 입니다.border-radius소유물.속성에서 사양을 읽거나 MDN에 대한 유용한 구현 정보를 얻을 수 있습니다. 구현되지 않는 브라우저를 사용하는 경우 border-radius(Chrome pre-v4, Firefox pre-v4, IE8, Ope..

programing 2023.08.19

절대 위치 및 오버플로 숨김

절대 위치 및 오버플로 숨김 우리는 두 개의 DIV가 있고, 하나는 다른 하나에 내장되어 있습니다.외부 DIV가 절대 위치에 있지 않으면 절대 위치에 있는 내부 DIV는 외부 DIV의 숨겨진 오버플로를 따르지 않습니다. #first { width: 200px; height: 200px; background-color: green; overflow: hidden; } #second { width: 50px; height: 50px; background-color: red; position: absolute; left: 250px; top: 250px; } 외부 DIV를 절대 위치로 설정하지 않고 내부 DIV가 외부 DIV의 오버플로에 복종하도록 할 수 있는 가능성이 있습니까? (그로 인해 전체 레이아웃이 ..

programing 2023.08.14

z-index가 고정 위치 지정과 함께 작동하지 않음

z-index가 고정 위치 지정과 함께 작동하지 않음 나는 있습니다div즉, 위치지즉정기본즉(정,지▁default▁with치▁position위i,position:static및 a ) 및adivfixed위치. 요소의 z 인덱스를 설정하면 고정 요소가 정적 요소 뒤로 가도록 하는 것은 불가능할 것 같습니다. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width: 420px; left: 20px; border: 1px solid; height: 10%; background: #fff; z-index: 1; } Hello Hello HelloHelloHelloHelloHello Hello Hello Hello Hello He..

programing 2023.07.30
반응형