프로그램 작성 html

8

img와 srcset반응 이미지를하는 좋은 방법 같은 속성 보인다. CSS background-image속성 에서 작동하는 동등한 구문이 있습니까? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something goes here?); }

89 html css background-image srcset

8

높이가 '자동'인 100 % 너비 배경 이미지

현재 회사의 모바일 랜딩 페이지를 작업하고 있습니다. 정말 기본적인 레이아웃이지만 헤더 아래에는 항상 너비가 100 % 인 제품 이미지가 있습니다 (디자인은 항상 가장자리에서 가장자리로 이동 함을 보여줍니다). 화면의 너비에 따라 이미지의 높이가 그에 따라 분명히 조정됩니다. 저는 원래 img (CSS 너비가 100 %)로이 작업을 수행했으며 훌륭하게 작동했지만 미디어 쿼리를 사용하여 …

89 html css background-image responsive responsive-images

9

페이지에 PDF 뷰어를 삽입하는 방법은 무엇입니까?

내가 착각하지 않았다면 Google 문서 도구는를 통해 웹 페이지와 동일한 서버에 저장된 PDF를 표시하는 방법을 제공 <iframe>하지만 브라우저 간 호환 방식으로이를 수행 할 수있는 방법을 알아야합니다.

89 html pdf

2

주문 목록 번호의 스타일을 지정할 수 있습니까?

순서가 지정된 목록의 번호에 스타일을 지정하려고합니다. 배경색, 테두리 반경 및 색상을 추가하여 작업중인 디자인과 일치하도록하고 싶습니다. 나는 그것이 불가능하다고 생각하고 각 숫자에 대해 다른 이미지를 사용해야 할 것입니다. ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... 더 간단한 해결책이 있습니까?

89 html css html-lists sprite

9

Vue.js 데이터 바인딩 스타일 backgroundImage가 작동하지 않음

요소에서 이미지의 src를 바인딩하려고하는데 작동하지 않는 것 같습니다. "Invalid expression. Generated function body : {backgroundImage : {url (image)}"가 표시됩니다. 문서는 '케밥의 경우'또는 '낙타 경우'를 사용하도록했다. <div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div> 여기 바이올린이 있습니다 : https://jsfiddle.net/0dw9923f/2/

89 javascript html css vue.js

9

DIV 태그가 새 줄을 시작하지 않도록하려면 어떻게해야합니까?

태그가 포함 된 브라우저에 한 줄의 텍스트를 출력하고 싶습니다. 이것이 렌더링되면 DIV가 새 줄을 생성하는 것처럼 보입니다. 같은 줄의 div 태그에 콘텐츠를 어떻게 포함시킬 수 있습니까?-여기 내 코드가 있습니다. <?php echo("<a href=\"pagea.php?id=$id\">Page A</a>") ?> <div id="contentInfo_new"> <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script> </div> 나는 여기를 정리하려고 노력했습니다. 이 디스플레이를 한 줄에 …

89 html css

6

CSS는 플로팅 div를 세로로 정렬

나란히 서있는 2 개의 div가 포함 된 div (#wrapper)가 있습니다. right-div를 세로로 정렬하고 싶습니다. 내 주 래퍼에서 vertical-align : middle을 시도했지만 작동하지 않습니다. 그것은 나를 미치게 만든다! 누군가가 도울 수 있기를 바랍니다. http://cssdesk.com/LWFhW HTML : <div id="wrapper"> <div id="left-div"> <ul> <li>One</li> <li>Two</li> </ul> </div> <div id="right-div"> Here some text... </div> …

89 html css

2

HTML5 / XHTML 역할 속성은 어떤 값을 가질 수 있습니까?

HTML5 / XHTML 역할 속성에서 유효한 값이 무엇인지 궁금합니다.

89 html

6

절대 위치 내 절대 위치

3 가지 div요소가 있습니다. 1 일 div이 더 크고 (포장)position:relative; 2는 div1 차 절대 위치 div의 상대 위치 (및 1에 포함된다 div) 3rd div는 2nd에 포함되며 div절대 위치도 있습니다. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> 왜 3 번째 div위치가 2 번째 div(1 번째에 대한 절대 위치이기도 함)에 절대 …

89 html css css-position

3

HTML5 비디오 태그로 로컬 (하드 드라이브) 비디오 파일을 재생 하시겠습니까?

다음을 달성하고 싶습니다. <video src="file:///Users/username/folder/video.webm"> </video> 의도는 사용자가 자신의 하드 드라이브에서 파일을 선택할 수 있도록하는 것입니다. 그리고 업로드하지 않는 이유는 물론 전송 비용과 저장 할당량입니다. 파일을 저장할 이유가 없습니다. 가능합니까?

89 html video html5-video offline

2

Base64 PNG 데이터를 HTML5 캔버스로

Base64로 인코딩 된 PNG 이미지를 캔버스 요소에로드하고 싶습니다. 이 코드가 있습니다. <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC"; ctx.drawImage(data, 0, 0); </script> </body> </html> Chrome 8에서 오류가 발생합니다. Uncaught TypeError: Type error 그리고 파이어 폭스의 Firebug에서 "객체의 유형이 …

89 html canvas png base64

2

양식에 동적으로 입력 요소 추가

동적으로 필드 세트를 추가하는 방법에 대한 많은 블로그와 게시물을 읽었지만 모두 매우 복잡한 답변을 제공합니다. 내가 요구하는 것은 그렇게 복잡하지 않습니다. 내 HTML 코드 : <input type="text" name="member" value="">Number of members: (max. 10)<br /> <a href="#" id="filldetails">Fill Details</a> 따라서 사용자는 필드에 정수 값 (JavaScript를 사용하여 유효성 검사 중)을 입력 input합니다. …

89 javascript html forms

5

-webkit-transform은 무엇입니까 : translate3d (0,0,0); 정확히? 몸에 적용?

-webkit-transform: translate3d(0,0,0); 정확히 무엇을 합니까? 성능 문제가 있습니까? 본문이나 개별 요소에만 적용해야합니까? 스크롤 이벤트를 크게 개선하는 것 같습니다. 수업 감사합니다!

89 html css webkit

4

동적 너비 (CSS)가있는 중앙 고정 div

이 CSS를 가질 div가 있습니다. #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } 이제이 div를 중앙에 배치하려면 어떻게해야합니까? 사용할 수 margin-left: -450px; left: 50%;있지만 화면이 900 픽셀 이상일 때만 작동합니다. 그 후 (윈도우가 900 픽셀 미만일 때) 더 이상 중앙에 위치하지 않습니다. 나는 물론 어떤 …

89 css html center

7

onclick 열린 창 및 특정 크기

다음과 같은 링크가 있습니다. <a href="/index2.php?option=com_jumi&amp;fileid=3&amp;Itemid=11" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,') 새 열기 창이 특정 크기로 열리기를 원합니다. 높이와 너비는 어떻게 지정합니까?

89 javascript html

«html» 태그된 질문