Отмените фоновую обложку тела для других страниц, кроме index.html в CSS - PullRequest
Новая
       5

Отмените фоновую обложку тела для других страниц, кроме index.html в CSS

0 голосов
/ 27 августа 2018

Мои HTML и CSS выглядят так: 

/* GLOBAL */
*{
    margin: 0;
    padding: 0;
    text-decoration: none;
}

body, html{
    min-height: 100%;
}

body{
    background-image: url('../img/owl1920.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.intro{
    padding-top: 15%;
    padding-left: 7%;
    font-family: 'Roboto', sans-serif;
}

.intro h1{
    font-size: 5vw;
    color: #F2EFC4;
    text-shadow: 6px 6px 20px #563300;
}

.intro p{
    font-size: 1.6vw;
    color: #563300;
    opacity: 0.6;
}

.intro .hashtag{
    color: #F2EFC4;
    text-shadow: 1px 1px 1px #563300;
    /* text-shadow: 1px 1px 1px #F2EFC4; */
}

.enter{
    margin-top: 50px;
}

.enter a{
    font-size: 1.2vw;
    font-weight: bold;
    color: #F2EFC4;
    text-shadow: 1px 1px 1px #563300;
    box-shadow: 1px 1px 20px #F2EFC4;
    border-radius: 15px;
    padding: 10px;
}

.enter a:hover{
    color: #563300;
    text-shadow: 1px 1px 1px #F2EFC4;
}
<DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <title>Mkreativart | Home</title>
</head>
<body>
    <div class="intro">
           <h1>mKreativart</h1>
           <p class="motto">creativitate, imaginație, <span class="hashtag">#handmadegifts</span></p>
           <div class="enter">
               <a href="home.html">Intră pe site</a>
           </div>
    </div>
</body>
</html>

enter image description here

Это должна быть моя страница приветствия. Так как фон тела моей домашней страницы уже установлен в CSS, как вы можете видеть, я сейчас создам остальные страницы, но я хотел бы отменить набор изображений обложки для index.html (в CSS) и создать новый макет.

Может ли кто-нибудь помочь мне в этом вопросе? Я все еще новичок в этом, и я не уверен, как искать проблему. Я уже пытался найти переполнение стека, но безуспешно.

1 Ответ

0 голосов
/ 27 августа 2018

Как насчет применения этих стилей в качестве класса только на главной странице <body class="home">? 

.home {
    background-image: url('../img/owl1920.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

Вот страница с домашним классом - https://jsfiddle.net/dkn2fvL4/1/

и без - https://jsfiddle.net/eoqca20t/1/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...