Есть ли какое-либо свойство CSS или что-то, что я могу использовать с моим тегом привязки, чтобы сделать его незаметным или я должен делать что-то в коде позади, чтобы получить то, что я хочу?
[править]
onclick=return false; обновляет страницу.. Я не хочу, чтобы этот тег привязки отображался как обычный текст. На самом деле у меня есть css, примененный к тегу привязки.. поэтому не могу изменить его на простую таблицу или что-то еще
Если вы хотите, чтобы тэг привязки был назначением ссылки, но не источником ссылки, опустите атрибут href и только атрибут имени. Спецификация HTML 4.01 позволяет это и предполагает, что браузеры отображают текст в теге привязки href-less как обычный текст.
<a href="abcd.html" onclick="return false;">abcd</a>
Просто обновление, которое вы можете сделать в современных браузерах:
a.disable {
pointer-events: none;
cursor: default;
}<a href="http://stackoverflow.com" class="disable">SO</a> включая атрибут onclick="return false" на
анкерный элемент делает трюк. Хотя это решение использует javascript и
не css
Вы можете использовать
disabled="disabled"
в теге привязки, я считаю, что все, что я делаю на csharpindepth.com. Я бы не хотел поклясться, насколько широко это поддерживается, по общему признанию - вы, вероятно, захотите это проверить. Кажется, все в Chrome, IE и Firefox. Я не знаю, есть ли эквивалент только в CSS.
Заметьте, что я считаю, что это сделает ссылку явно незаметной (однако браузер хочет это сделать), а не просто ничего не делать.
EDIT: Я только что попробовал это в локальном файле, и он не работает... тогда как он определенно работает на csharpindepth.com. Стоит попробовать, но и, вероятно, стоит посмотреть на другие подходы:)
EDIT: Как отмечает BoltClock, это не строго допустимый HTML, что может означать, что он будет работать, например, только в режиме quirks. (Это может объяснить мою неспособность произвести ее локально.)
Вероятно, вам лучше с помощью JavaScript-решения наряду с стилем CSS изменить внешний вид ссылки... но я оставлю этот ответ здесь только для записи.
Вот чистое решение HTML/CSS:
Добавьте в свою ссылку следующий стиль:
a{ text-decoration: none; cursor: default; }
Вы должны нацеливать стили привязки с использованием именованных атрибутов, поэтому все ваши ссылки не станут "непривлекательными", например:
a[name=*]{ text-decoration: none; cursor: default; }
Именованные attrs не будут работать в IE 6 (возможно, не в 7). Полностью кросс-браузерное решение состоит в том, чтобы добавить класс к якорям и настроить его. Пример:
a.anchor{ text-decoration: none; cursor: default; }
Примечание. Вышеупомянутый стиль делает ссылки "отображаемыми" незаметными. Если у одного из тегов есть href, вы все равно можете щелкнуть по нему, и он "пойдет куда-нибудь" или "сделает что-нибудь".
Надеюсь, что это поможет.
Поместите блок style = "position: absolute" прямо перед тегом привязки и определите размер его для наложения содержимого. Не уверен, почему вы хотите сделать его незаметным, большинство людей задаются вопросом, как сделать ссылки в многоуровневом html clickable http://wsmithdesign.wordpress.com/2010/10/20/layering-html-with-absolute-positions-in-fluid-html/
Если элемент привязки является элементом на стороне сервера, удалите атрибут href. anchor.attributes.remove( "HREF" );
Если вы хотите добавить anchor, используйте этот html-код
Используйте этот html-код перед тем, где вы хотите поставить якорь
<a id="Write Your Anchor Here" class="invisible"></a>
т.е.
<a id="anchor" class="invisible"></a> How to Put Anchor
или
<div id="youranchorname" class="anchor">
https://www.example.com/2016/11/how-to-add-html-code#anchor
используя этот URL-адрес, посетитель напрямую дойдет до того, как положить якорь в сообщение Благодаря
Примечание: Этот URL-адрес используется, например, для целей. Это не рабочий URL, и ваш тег div должен быть закрыт с помощью
</div>
Это работает для меня. Добавьте класс для отключения тега. и этот фрагмент кода для вашего css
a.disable {
pointer-events: none;
cursor: default;
}