Теги элементов ссылок отключены при установке фонового изображения
У меня есть файл base.html, от которого расширяются другие html-документы
base.html
<!DOCTYPE html>
<html>
<head>
<--!some css links and jquery source headers-->
<style>
{% block style %}
.container{
position: relative;
}
{% endblock style %}
</style>
<\head>
<body>
<div class="container">
{% block breadcrumb %}{% endblock breadcrumb %}
{% block content %}{% endblock content %}
</div>
</body>
<script type="text/JavaScript">
{% block script %}
var imgName = "{% url 'img_file.png' %}";
document.body.style.backgroundImage = "url('"+ imgName.src +"')";
{% endblock script %}
</script>
<\html>
документ, который расширяется из base.html
index.html
{% extends 'base.html' %}
{% block breadcrumb %}
<div class="nav nav-bar nav-bar-dark>
<a href="some url"> some link</a>
</div>
{% endblock %}
{% block content %}
<form action="view-url" method="post">
{{ form }}
<input type="submit" class="btn" value"Submit">
</form>
{% endblock %}
Ввод отправки работает хорошо, но ссылка (на некоторый url), кажется, отключена. Когда я удаляю фоновое изображение из base.html, ссылка работает нормально. Помогите, пожалуйста, разобраться, что я упускаю,