«css» 태그된 질문

예를 들어 다음 HTML이있는 경우 : <div class="someDiv"></div> 그리고이 CSS : .opacity { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } .radius { border-top-left-radius: 15px; border-top-right-radius: 5px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; } .someDiv { background: #000; height: 50px; width: 200px; /*** How can I reference the opacity and radius classes here …

101 css 

Youtube 비디오, Vimeo 비디오, 텍스트, Imgur 사진 등과 같은 다양한 유형의 데이터가있는 데이터베이스 콘텐츠가 있습니다. 모두 높이와 너비가 다릅니다. 인터넷을 검색하는 동안 내가 찾은 것은 크기를 하나의 매개 변수로만 변경하는 것뿐입니다. 팝업의 내용과 동일해야합니다. 이것은 내 HTML 코드입니다. 또한 Ajax를 사용하여 콘텐츠를 호출합니다. <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" …

101 javascript  jquery  html  css  twitter-bootstrap 

오른쪽 하단에 "Bet 5 days ago"라는 텍스트 요소를 배치하려고합니다. 어떻게 할 수 있습니까? 그리고 더 중요한 것은 CSS를 정복 할 수 있도록 설명해주세요!

101 css 

CSS에서 @page 내부의 속성을 사용하여 테이블이 여러 페이지에 걸쳐있는 경우 모든 페이지에서 테이블 헤더 (th)를 반복해야한다고 말할 수 있습니까?

101 css  css-tables 

반투명 오버레이 div에 흐림 효과를 적용하는 데 문제가 있습니다. 나는 다음과 같이 div 뒤에있는 모든 것을 흐리게하고 싶습니다. 다음은 작동하지 않는 jsfiddle입니다 : http://jsfiddle.net/u2y2091z/ 이 작업을 수행하는 방법에 대한 아이디어가 있습니까? 나는 이것을 가능한 한 복잡하지 않게 유지하고 크로스 브라우저로 만들고 싶습니다. 내가 사용하는 CSS는 다음과 같습니다. #overlay { position: …

101 html  css  blur  css-filters 

마우스가 CSS 만있는 이미지 위로 마우스를 가져갈 때마다 이미지에 투명한 검은 색 오버레이를 추가하려고합니다. 이게 가능해? 나는 이것을 시도했다 : http://jsfiddle.net/Zf5am/565/ 하지만 div를 표시 할 수 없습니다. <div class="image"> <img src="http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg" alt="" /> <div class="overlay" /> </div> .image { position: relative; border: 1px solid black; width: 200px; height: 200px; } …

101 css 

flexbox를 사용하여 전체 높이 앱을 사용하고 싶습니다. display: box;이 링크에서 이전 flexbox 레이아웃 모듈 ( 및 기타)을 사용하여 원하는 것을 찾았습니다 .CSS3 Flexbox 전체 높이 앱 및 오버플로 이는 이전 버전의 flexbox CSS 속성 만 지원하는 브라우저에 적합한 솔루션입니다. 새로운 flexbox 속성을 사용하려면 해킹으로 나열된 동일한 링크에서 두 번째 솔루션을 …

101 html  css  flexbox 

css에서 text와 비슷한 svg의 배경을 채색하고 싶습니다.background-color fill텍스트 자체에 색상을 지정하는 에 대한 문서 만 찾을 수있었습니다. 가능할까요?

101 css  svg  background-color 

이미지를 테이블 중앙에 정렬하려고했습니다. td. margin-left를 특정 값으로 설정하는 것과 함께 작동했지만 td의 크기도 증가했으며 정확히 내가 원하는 것이 아닙니다. 이를 수행하는 효율적인 방법이 있습니까? 나는 테이블의 높이와 witdh에 백분율을 사용했습니다.

101 html  css 

각 행은 요소를 맞추는 데 필요한 최소 높이 일 수 있기 때문에 Flexbox를 사용하여 달성하는 것은 불가능하다고 생각하지만 최신 CSS 그리드를 사용하여 달성 할 수 있습니까? 명확하게 말하면, 각 행이 아닌 모든 행에서 그리드의 모든 요소에 대해 동일한 높이를 원합니다. 기본적으로 가장 높은 "셀"은 행의 셀뿐만 아니라 모든 셀의 높이를 …

101 css  flexbox  grid-layout  css-grid 

인라인 스타일링을 할 때 ReactJS에서 hover 이벤트 또는 활성 이벤트를 어떻게 얻을 수 있습니까? 나는 onMouseEnter, onMouseLeave 접근 방식이 버그가 있음을 알았으므로 다른 방법이 있기를 바랍니다. 특히 구성 요소 위로 마우스를 빠르게 가져 가면 onMouseEnter 이벤트 만 등록됩니다. onMouseLeave는 실행되지 않으므로 상태를 업데이트 할 수 없습니다. ": active"css 가상 클래스를 …

101 javascript  css  reactjs  mouseevent  dom-events 

이것을 가지고 있다고 가정하십시오. html, body {margin: 0; padding: 0} .box {width: 100vw; height: 100vh} <div class="box">Screen 1</div> 스크롤바없이 화면을 채우는 무언가를 얻을 수 있습니다. 그러나 다른 추가 : <div class="box">Screen 1</div> <div class="box">Screen 2</div> 수직 스크롤바 (예상)뿐만 아니라 약간의 수평 스크롤도 표시됩니다. 너비를 생략하거나 너비 : 100 %로 설정할 …

101 css 

드롭 다운을 작동시키는 데 문제가 있습니다. navbar를 완벽하게 표시 할 수 있지만 "Dropdown"(둘 중 하나)을 클릭하면 드롭 다운 메뉴가 표시되지 않습니다. 나는 이것에 대해 다른 게시물을 찾아 보았지만 모든 사람의 문제를 해결하는 것은 도움이되지 않았습니다. 부트 스트랩 웹 사이트에서 직접 소스를 복사했지만 내 컴퓨터에서 작동하지 않는 것 같습니다. 누구나 아이디어가 …

100 javascript  jquery  html  css  twitter-bootstrap 

너비가 250px 인 div가 있습니다. 내부 텍스트가 그보다 넓을 때 나는 그것을 분해하고 싶습니다. div는 float : left이고 이제 오버플로가 있습니다. 단어 줄 바꿈을 사용하여 스크롤바를 없애고 싶습니다. 어떻게하면 되나요? <div id="Treeview"> <div id="HandboekBox"> <div id="HandboekTitel"> <asp:Label ID="lblManual" runat="server"></asp:Label> </div> <div id="HandboekClose"> <asp:ImageButton ID="btnCloseManual" runat="server" ImageUrl="Graphics/close.png" onclick="btnCloseManual_Click" BorderWidth="0" ToolTip="Sluit handboek" …

100 css  html  word-wrap 

퍼센트에서 픽셀까지 일부 요소의 너비를 계산하므로 LESS 및 calc () 를 사용하여 -10px를 뺀 것 입니다. 있을 수있다? div { span { width:calc(100% - 10px); } } CSS3를 사용 calc()하므로 작동하지 않습니다.calc(100% - 10px) 예 : 만약 100 % = 500px so width = 490px (500-10); 테스트 용 데모를 만들었습니다. …

100 css  less  pixel