Включите все варианты в HTML, затем используйте селектор CSS, чтобы сделать их всех display: none
, за исключением строки «correct», которую вы делаете display: block
или display: inline
, если необходимо.
См. .
EDIT JS вы связаны добавляет свои классы в корневой элемент документа, т.е. <html>
, любое правило, начиная html.win
будет соответствовать только тогда, когда страница загружается в Windows. Затем вам нужно добавить классы к своему собственному контенту, которые сообщают, какие ОС должны показать этот конкретный элемент. Например:
HTML:
<div class="win_only_block">You are running Windows!</div>
<div class="mac_only_block">You are running MacOS!</div>
CSS:
/* Hide all the switchable blocks by default */
.win_only_block, .mac_only_block { display: none; }
/* Display the elements for the current OS (rule is more specific so will take precedence) */
html.win .win_only_block { display: block; }
html.mac .mac_only_block { display: block; }
Щелчок по этому URL-адресу дает мне предупреждение о безопасности в Firefox под Windows. Если это вызвано плагином обнаружения браузера, вы можете подумать, используя его. – IMSoP
@IMSoP Разве это не из-за выполнения Java (что вызвано хромом)? – RelevantUsername
@RelevantUsername Выполнение Java для чего? Как я уже сказал, если это часть плагина, я бы избегал его, как чума, так как все ваши посетители получат это неприятное всплывающее окно с вопросом, доверяют ли они вашему сайту. – IMSoP