html - body background color not showing? -
i have simple .shtml page:
<html> <head> <meta charset='utf-8'> <meta content="ie=edge" http-equiv="x-ua-compatible"> <meta content="width=device-width, initial-scale=1" name="viewport"> <link href="stylesheets/main.css" rel="stylesheet"> <link href="stylesheets/glicons.css" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <title> codepixl </title> </head> <body> <!--#include file="nav.html"--> asdsd <div id="scripts"> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="scripts/jquery.cookie.js"></script> <script src="scripts/jquery-ui.min.js"></script> <script src="scripts/typed.js"></script> <script src="//codepixl.net/scripts/secret.js"></script> </div> </body> </html> and stylesheet:
body{ background-color: #32cd32; } .loader { position: fixed; top: 50%; left: 50%; margin-top: -115px; margin-left: -115px; z-index: 9999; } but background color isn't showing up? i've tried using html,body{} , using doctype nil works! what's happening?
edit: removed bootstrap , started working... here's page: http://codepixl.net/indesx.shtml
edit:i had set bootstrap before stylesheet -_-
comment bootstrap include , see if body applied. should seek test minimal amount of code first , add together in things.
if doesn't work, can utilize inspector in firefox or chrome see css effects applied.
you may want utilize network inspector in chrome determine if stylesheet getting downloaded or if link incorrect.
html css
No comments:
Post a Comment