CSS Название Вопрос

Я ищу для настройки CSS сайта, который я регулярно использую.CSS Название Вопрос

Мой вопрос относится к тегу заголовка элемента (см. Ниже).

<span title="42%" class="progress"><span style="width: 42%;" class="indicator"> 
</span></span>

Я хотел бы взять этот тег заголовка (42% в данном случае, но меняется динамически) и отображать его в виде текста с помощью CSS.

Трудная часть, очевидно, вытекает из того, что эта единица изменяется динамически.

Есть ли способ сказать «отобразить блок внутри заголовка» «как текст» с помощью CSS.

Заранее благодарим за помощь.

Том Перкинс

источник

2011-02-10 Tom Perkins

Смешивание контента и дизайна - это ужасная практика, которую нельзя поощрять никогда. То, что вы хотите, - это отдельные объекты, происходящие из одной точки, но они должны оставаться разделенными навсегда после ... Если вы хотите связать оба, используйте javascript. –

Не могли бы вы подробнее рассказать о своем вопросе? Это не понятно. – borayeris

Если вы имеете в виду отображения атрибута title наряду с существующим текстом/элементами, а не как специально разработанной подсказкой, некоторые браузеры поддерживают CSS attr() функцию:

.progress:after { 
    content: attr(title); 
}

См this jsFiddle example.

источник

2011-02-10 12:31:14 BoltClock

Интересно, что CSS 'content: attr()' даже работает динамически. Просто попробовал. –

Конечно, это всего лишь эксперимент, и я не могу гарантировать поддержку во всех браузерах, особенно IE. – BoltClock

Даже если 'attr()' поддерживается в IE, ': after' не является, по крайней мере, в IE6/7. Я думаю, что он сделал это в IE8, но вы все равно можете проверить его, чтобы убедиться, что он работает динамически. – Spudley

Как здесь сказано:

http://groups.google.com/group/css-design/browse_thread/thread/3c3194dd0a3c7898

«Представление названия в виде всплывающей подсказки является функцией браузера и не контролируется HTML или CCS.»

Вы можете перейти к ссылкам, чтобы увидеть исправления для этого

источник

2011-02-10 12:28:01 corroded

Это не то, о чем он просил. –

CSS Название Вопрос

ответ

Смежные вопросы