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

5

Ряд блогів висловив приріст продуктивності в "обманюванні" графічного процесора, думаючи, що елемент є тривимірним, використовуючи його transform: translateZ(0)для пришвидшення анімації та переходів. Мені було цікаво, чи є наслідки для використання цього перетворення наступним чином: * { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

96 performance css translate-animation

6

Вирівнювання поплавка: лівий div до центру?

Я хочу, щоб група зображень відображалася горизонтально по всій сторінці. Кожне зображення має кілька посилань під ним, тому мені потрібно розмістити контейнер навколо кожного зображення / групи посилань. Найближче, до чого я хотів, - це розміщення їх у divs, які плавають: left. Проблема в тому, що я хочу, щоб контейнери …

96 html css

4

Як змінити стиль CSS у коді, що стоїть за файлом для div в ASP.NET?

Я намагаюся змінити атрибут стилю CSS для div на основі інформації, яку я отримую з таблиці бази даних у коді позаду моєї сторінки aspx. Наступне - це, по суті, те, що я намагаюся зробити, але я отримую помилки. Aspx: <div id="testSpace" runat="server"> Test </div> Код позаду: testSpace.Style = "display:none;" testSpace.Style("display") …

96 c# asp.net css

2

Селектор CSS з періодом в ідентифікаторі

Специфікація HTML дозволяє використовувати періоди (.) В ідентифікаторі: <img id="some.id" /> Однак використання правила селектора ідентифікатора CSS не відповідатиме належним чином: #some.id { color: #f00; } Специфікація CSS для селекторів ID не згадує про цей випадок. Тож я припускаю, що він використовує комбінацію імені тегу та селектора класу ? Наприклад, …

96 html css css-selectors

4

Як вертикально вирівняти елементи <li> в <ul>?

У мене горизонталь, <ul>і мені потрібно відцентрувати кожну <li>в ній вертикально. Моя розмітка нижче. Кожен <li>має межу, і мені потрібно, щоб елементи, а також їх вміст знаходилися посередині вертикально. Будь ласка, допоможіть; Я новачок у CSS. <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> …

96 css

9

CSS: Як розташувати два елементи один на одному, не вказуючи висоту?

У мене є два DIV, які мені потрібно розташувати точно один над одним. Однак, коли я це роблю, форматування все псується, оскільки вміст DIV діє так, ніби немає висоти. Я думаю, що це очікувана поведінка, position:absoluteале мені потрібно знайти спосіб розташувати ці два елементи один на одному і розтягнути контейнер …

96 css

6

: перша дитина працює не так, як очікувалося

Я намагаюся вибрати перше h1всередині а divз класом, який називається detail_container. Це працює, якщо h1це перший елемент у цьому div, але якщо він з’являється після цього, ulвін не буде працювати. <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First H1</h1> <h1>Second H1</h1> …

96 css css-selectors

8

Розташуйте піктограми у колі

Як я можу розташувати кілька <img>елементів у колі навколо іншого, і щоб усі ці елементи також були посиланнями, які можна натиснути? Я хочу, щоб це було схоже на малюнок нижче, але я не уявляю, як досягти цього ефекту. Чи можливо це взагалі?

96 html css

1

Чи можна встановити прозорість у CSS3 box-shadow?

Чи можна встановити прозорість для тіні вікна? Це мій код: box-shadow:10px 10px 10px #000; -webkit-box-shadow:10px 10px 10px #000; -moz-box-shadow: 10px 10px 10px #000;

96 css

5

Відображення CSS: рядок таблиці не розширюється, коли ширина встановлена на 100%

У мене трохи проблем. Я використовую FireFox 3.6 і маю таку структуру DOM: <div class="view-row"> <div class="view-type">Type</div> <div class="view-name">Name</div> </div> І наступний CSS: .view-row { width:100%; display:table-row; } .view-name { display: table-cell; float:right; } .view-type { display: table-cell; } Якщо я зніму, display:table-rowвін буде відображатися правильно, із view-rowпоказом ширини 100%. …

96 css

7

Як застосувати два класи CSS до одного елемента

Чи можу я застосувати 2 класи до одного div або span або будь-якого елемента html? Наприклад: <a class="c1" class="c2">aa</a> Я спробував, і в моєму випадку c2 не застосовується. Як я можу застосувати обидва класи одночасно?

96 html css

13

td ширини, не працює?

Отже, у мене тут є цей код: <table> <tr> <td width="200px" valign="top"> <div class="left_menu"> <div class="menu_item"> <a href="#">Home</a> </div> </div> </td> <td width="1000px" valign="top">Content</td> </tr> </table> за допомогою CSS .left_menu { background: none repeat scroll 0 0 #333333; border-radius: 5px 5px 5px 5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: …

96 html css html-table width

6

Перехід CSS3 - ефект згасання

Я намагаюся реалізувати ефект "згасання" в чистому CSS. Ось скрипка . Я вивчив кілька рішень в Інтернеті, однак, прочитавши документацію в Інтернеті , я намагаюся зрозуміти, чому анімація слайдів не працює. Будь-які вказівники? .dummy-wrap { animation: slideup 2s; -moz-animation: slideup 2s; -webkit-animation: slideup 2s; -o-animation: slideup 2s; } .success-wrap { …

96 css css-transitions

13

Елемент завантажувального ремінця 100% ширина

Я хочу створити чергуються 100% кольорові блоки. "Ідеальна" ситуація ілюструється як прихильність, а також поточна ситуація. Бажане налаштування: В даний час: Моєю першою ідеєю було створити клас div, надати йому колір тла та надати 100% ширини. .block { width: 100%; background: #fff; } Однак ви бачите, що це, очевидно, не …

96 css twitter-bootstrap width

7

Додайте властивість курсора CSS при використанні “pointer-events: none”

Я намагаюся відключити конкретне посилання та застосувати стиль курсору, але ця команда CSS cursor: text;не вплине. Курсор завжди є типовим. Я використовую останню версію Firefox. CSS: pointer-events: none !important; cursor: text; color: Blue;

96 css

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