프로그램 작성 css

15

호버에서 배경 그라디언트가 희미 해지도록 축소판 위에 CSS로 호버 전환을 시도하고 있습니다. 전환이 작동하지 않지만 간단하게 변경하면 rgba() 값으로 정상적으로 작동합니다. 그라디언트가 지원되지 않습니까? 이미지도 사용해 보았습니다. 이미지도 전환되지 않습니다. 다른 게시물에서와 마찬가지로 가능하다는 것을 알고 있지만 얼마나 정확한지 알 수는 없습니다. 모든 도움말> 다음은 작업 할 CSS입니다. #container div …

215 css gradient css-transitions

6

iPad 및 iPhone 용 스타일링 입력 버튼

CSS를 사용하여 웹 사이트의 입력 버튼 스타일을 지정하고 있지만 IOS 장치에서는 스타일이 Mac의 기본 버튼으로 대체됩니다. iOS 용 버튼 스타일을 지정하는 방법이나 제출 버튼처럼 동작하는 하이퍼 링크를 만드는 방법이 있습니까?

215 iphone css ios ipad

15

순서가없는 목록을 두 열로 표시하는 방법은 무엇입니까?

다음 HTML에서 목록을 두 개의 열로 표시하는 가장 쉬운 방법은 무엇입니까? <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> </ul> 원하는 디스플레이 : A B C D E 솔루션은 Internet Explorer에서 작동 할 수 있어야합니다.

215 html css html-lists css-multicolumn-layout

23

Chrome / Mac에서 DOM 다시 그리기 / 새로 고침

때때로 Chrome은 완전히 유효한 HTML / CSS를 잘못 렌더링하거나 전혀 렌더링하지 않습니다. DOM 인스펙터를 파는 것만으로도 길을 잘못 인식하고 올바르게 다시 그리기에 충분하기 때문에 마크 업이 좋은 경우 일 수 있습니다. 이것은 특정 상황에서 다시 그리기를 강제하기 위해 코드를 배치 한 작업중 인 프로젝트에서 자주 (그리고 예측 가능하게) 충분히 발생합니다. …

215 javascript css macos dom google-chrome

3

@ 미디어 미디어 쿼리 및 ASP.NET MVC 면도기 구문 충돌

Razor 뷰 엔진을 사용하여 ASP.NET MVC에서 실행되는 대규모 사이트가 있습니다. 전체 사이트의 모든 일반 스타일이 포함 된 기본 스타일 시트가 있습니다. 그러나 때때로 페이지의 특정 스타일 <head>이 있습니다. 일반적으로 한두 줄입니다. CSS를 <head>엄격하게 분리 하지는 않지만 특히 해당 페이지에 특정한 한 두 줄의 경우 CSS를 선호하지 않습니다. 다른 파일을 첨부하거나 …

214 css asp.net-mvc-3 razor media-queries

14

자식 요소에 영향을주지 않고 배경 이미지의 불투명도 설정

자식 요소의 불투명도에 영향을주지 않고 배경 이미지의 불투명도를 설정할 수 있습니까? 예 바닥 글의 모든 링크에는 사용자 정의 글 머리 기호 (배경 이미지)가 필요하며 사용자 정의 글 머리 기호의 불투명도는 50 % 여야합니다. HTML <div id="footer"> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a …

214 css opacity

7

넘친 내용으로 flexbox 스크롤

위의 레이아웃을 달성하기 위해 사용 하는 코드는 다음과 같습니다 . .header { height: 50px; } .body { position: absolute; top: 50px; right: 0; bottom: 0; left: 0; display: flex; } .sidebar { width: 140px; } .main { flex: 1; display: flex; flex-direction: column; } .content { flex: 1; display: flex; …

214 css layout multiple-columns flexbox

26

CSS 또는 jQuery를 사용하여 포커스를 잡을 때 자리 표시 자 텍스트를 자동으로 숨기려면 어떻게합니까?

이것은 Chrome을 제외한 모든 브라우저에서 자동으로 수행됩니다 . Chrome 을 구체적으로 타겟팅해야한다고 생각 합니다. 어떤 솔루션? 하지와 만약 CSS , 다음과 jQuery를 ? 친절합니다.

213 jquery css html google-chrome placeholder

5

Sass-배경 불투명도를 위해 16 진수를 RGBa로 변환

RGBa 예제를 완전히 수정 한 다음 Sass mixin이 있습니다 . @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } 나는 적용 $opacity했지만 지금은 그 $color부분에 붙어 있습니다. 믹스 인에 보낼 색상은 RGB가 아닌 HEX입니다. 내 사용 예는 다음과 같습니다. element …

213 css sass background-color mixins rgba

10

의사 요소에서 클릭 이벤트 만 감지

내 코드는 다음과 같습니다 p { position: relative; background-color: blue; } p:before { content: ''; position: absolute; left:100%; width: 10px; height: 100%; background-color: red; } 이 바이올린을 참조하십시오 : http://jsfiddle.net/ZWw3Z/5/ 의사 요소 (빨간색 비트)에서만 클릭 이벤트를 트리거하고 싶습니다. 즉, 클릭 이벤트가 파란색 비트에서 트리거되는 것을 원하지 않습니다.

213 javascript jquery css

6

CSS 선택기 / HTML 속성에 대시가 선호되는 이유는 무엇입니까?

과거 에는 HTML에서 클래스 및 id 속성 을 정의하기 위해 항상 밑줄을 사용 했습니다. 지난 몇 년 동안 나는 대쉬로 바뀌었고, 대부분 나에게 의미가 있었기 때문에 공동체 의 트렌드 와 나 자신을 맞추기 위해 주로 바뀌었다 . 나는 항상 대시에 더 많은 단점이 있다고 생각했지만 이점을 보지 못했습니다. 코드 완성 …

213 html css coding-style naming-conventions

14

배경 이미지 위에 반투명 색상 레이어?

나는 DIV를 가지고 있으며 배경으로 패턴을 넣고 싶습니다. 이 패턴은 회색입니다. 좀 더 멋지게 만들기 위해, 나는 "투명한"투명 컬러를 겹쳐 놓고 싶습니다. 아래는 내가 시도했지만 작동하지 않는 것입니다. 배경 이미지 위에 컬러 레이어를 넣는 방법이 있습니까? 내 CSS는 다음과 같습니다. background: url('../img/bg/diagonalnoise.png'); background-color: rgba(248, 247, 216, 0.7);

213 css background-image background-color

7

더 큰 글 리피 콘

트위터 부트 스트랩 3.0 (2.3.x 아님)에서 더 큰 Glyphicon을 어떻게 만드나요? 이 코드는 내 글리프 콘을 크게 만듭니다. <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> span 만 사용하는 동안 btn-lg 클래스를 사용 하지 않고이 크기 를 얻으려면 어떻게 해야합니까? 이것은 작은 글리프 콘을 제공합니다. <span class="glyphicon glyphicon-link"></span>

212 css twitter-bootstrap twitter-bootstrap-3 glyphicons

16

그들이 같은 줄에 있도록 dt와 dd의 스타일을 지정하는 방법은 무엇입니까?

CSS를 사용하여 다음 스타일을 어떻게 지정할 수 있습니까? <dl> <dt>Mercury</dt> <dd>Mercury (0.4 AU from the Sun) is the closest planet to the Sun and the smallest planet.</dd> <dt>Venus</dt> <dd>Venus (0.7 AU) is close in size to Earth, (0.815 Earth masses) and like Earth, has a thick silicate mantle around an …

212 html css

3

CSS 하나의 항목을 flexbox와 바로 정렬

https://jsfiddle.net/vhem8scs/ flexbox와 두 개의 항목을 왼쪽으로 정렬하고 하나의 항목을 오른쪽으로 정렬 할 수 있습니까? 링크가 더 명확하게 보여줍니다. 마지막 예는 내가 달성하고자하는 것입니다. flexbox에는 하나의 코드 블록이 있습니다. float을 사용하면 네 개의 코드 블록이 있습니다. 이것이 내가 flexbox를 선호하는 이유 중 하나입니다. HTML <div class="wrap"> <div>One</div> <div>Two</div> <div>Three</div> </div> <!-- …

212 css alignment flexbox

«css» 태그된 질문