Програмування css

9

Як додати фонове зображення за допомогою ngStyle (angular2)?

Як за допомогою ngStyle додати фонове зображення? Мій код не працює: this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg'; <div [ngStyle]="{'background-image': url(' + photo + ')}"></div>

103 javascript html css angular

4

jQuery елемент пошуку за значенням атрибуту даних

У мене є кілька елементів, як нижче: <a class="slide-link" href="#" data-slide="0">1</a> <a class="slide-link" href="#" data-slide="1">2</a> <a class="slide-link" href="#" data-slide="2">3</a> Як я можу додати клас до елемента, який має data-slideзначення атрибута 0(нуль)? Я спробував багато різних рішень, але нічого не вийшло. Приклад: $('.slide-link').find('[data-slide="0"]').addClass('active'); Будь-яка ідея?

103 jquery html css custom-data-attribute

4

Не вдається знайти селектор атрибутів css "не рівний"

Я хочу націлити елементи div, де атрибут "foo" має значення. <div foo="x">XXX</div> <div foo="">YYY</div> Я спробував цей css, але він не працює: [foo!=''] { background: red; }

103 css

6

Відступ, починаючи з другого рядка абзацу з CSS

Як я можу відступити, починаючи з другого рядка абзацу? Я намагався p { text-indent: 200px; } p:first-line { text-indent: 0; } і p { margin-left: 200px; } p:first-line { margin-left: 0; } і (with position:relative;) p { left: 200px; } p:first-line { left: 0; }

103 html css text pseudo-class indentation

7

Як вирівняти абсолютно позиціонований елемент по центру?

Я намагаюся скласти два полотна разом і зробити це подвійним шаром полотна. Я бачив тут приклад: <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas> </div> Але я хотів би встановити вирівнювання …

103 css html5-canvas

7

Чи є в CSS `pointer-events: hoverOnly` або подібний?

Просто пограв із pointer-eventsвласністю в CSS. У мене є таке, divщо я хочу бути невидимим для всіх подій миші, крім :hover. Отже, всі команди клацання переходять divдо тієї, що знаходиться під нею, але div може повідомляти, чи знаходиться миша над нею чи ні. Хтось може сказати мені, чи можна це …

103 html css pointer-events

2

Робимо гнучкий предмет плаваючим правильно

Я маю <div class="parent"> <div class="child" style="float:right"> Ignore parent? </div> <div> another child </div> </div> У батьків є .parent { display: flex; } Для своєї першої дитини я хочу просто перемістити предмет праворуч. І інші мої div, щоб слідувати правилу flex, встановленому батьком. Це щось можливо? Якщо ні, як мені …

103 html css flexbox

8

Як додати що-небудь у <head> через jquery / javascript?

Я працюю з CMS, що не дозволяє редагувати джерело HTML для <head>елемента. Наприклад, я хочу додати наступне вище <title>тегу: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

102 javascript jquery css xhtml

10

Як розтягнути фонове зображення, щоб заповнити діл

Я хочу встановити фонове зображення на різні диви, але мої проблеми: Розмір зображення фіксований (60 пікселів). Різні розміри діва Як я можу розтягнути фонове зображення, щоб заповнити весь фон діва? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } Перевірте код тут.

102 css html background background-image

11

Як застосувати конкретні правила CSS лише до Chrome?

Чи є спосіб застосувати наступний CSS до певного divлише в Google Chrome? position:relative; top:-2px;

102 css google-chrome css-hack

10

Як зробити фантазійну стрілку за допомогою CSS?

Гаразд, так що всі знають, що ви можете зробити трикутник за допомогою цього: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } І це дає суцільний, заповнений трикутником. Але як би ви зробили такий трикутник, який нагадує стрілу, подібний до …

102 html css css-shapes

6

Як відобразити спливаюче повідомлення, як у переливанні стека

Я хотів би додати спливаюче повідомлення на зразок того, яке з’являється у переповнюванні стека, коли я не ввійшов у систему та намагаюся використовувати кнопки голосування. Який найкращий метод досягти цього? Це робиться за допомогою бібліотеки jquery?

102 javascript jquery html css

7

Sass або Compass без рубіну?

Чи є спосіб використовувати Sass або Compass чи щось подібне без Ruby? Я розглядав google і цей сайт, і нічого не можу знайти, будь-яка допомога буде вдячна. Дякую

102 css sass compass-sass

10

Чи можете ви зробити цей HTML макет без використання таблиць?

Гаразд, у мене була проста проблема з компонуванням тиждень-два тому. А саме розділи сторінки потребували заголовка: +---------------------------------------------------------+ | Title Button | +---------------------------------------------------------+ Досить прості речі. Справа в тому, що ненависть до таблиці, здається, перейняла у Веб-світі, про що мені нагадали, коли я запитав Навіщо використовувати теги списків визначення (DL, DD, …

102 html css layout

4

Розміщення діва біля нижньої сторони іншого діва

У мене є зовнішній дів та внутрішній дів. Мені потрібно розмістити внутрішній дів в нижній частині зовнішнього. Зовнішній поділ пружний (наприклад, 70%). Мені також потрібно центрувати внутрішній блок. Проста модель описаного макіяжу показана на малюнку нижче:

102 html css layout

Запитання з тегом «css»