Javascript 问题:;p>;标签不显示在我的<;部门>;
我自己在建一个网站,但今天有些事让我抓狂。。 文本的Javascript 问题:;p>;标签不显示在我的<;部门>;,javascript,css,html,Javascript,Css,Html,我自己在建一个网站,但今天有些事让我抓狂。。 文本的标记(yes,yes)没有显示在div中。这是我的网站:MorphrDB.cf 我使用的是CSS网格,对于标题部分,标记似乎起作用,但对于“中产阶级”(这是一个列),它不起作用。 我试图修改CSS、溢出、隐藏文本和继承 <!DOCTYPE html> <html> <head> <meta name="google-site-verification" content =" 21i2
标记(yes,yes)没有显示在div中。这是我的网站:MorphrDB.cf
我使用的是CSS网格,对于标题部分,
标记似乎起作用,但对于“中产阶级”(这是一个列),它不起作用。
我试图修改CSS、溢出、隐藏文本和继承
<!DOCTYPE html>
<html>
<head>
<meta name="google-site-verification" content ="
21i2l90JHpCEpQXxaLRvDhtyxGrlSCWc6T__wh1ySN0" />
<!-- Device compatibility-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Scripts & Languages-->
<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="js/script.js" type="application/javascript"></script>
<!-- Styles (Css) -->
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="icon" href="/img/favicon.png" type="image/x-generic"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/grid.css">
<link rel="stylesheet" type="text/css" href="css/stylize.css">
<!-- Begin -->
<title>MorphR_Db</title>
</head>
<body id="Back">
<div class="grid-container">
<div class="header" id="header-back">
<p class="title">MorphR DataBase</p>
<div id='cssmenu'>
<ul>
<li><a href='morphrdb.cf/index.html'>Home</a></li>
<li class='active'><a href='#'>Links</a>
<ul>
<li><a href='#'>Help</a>
<ul>
<li><a href="/Forum/">Forum</a></li>
<li><a href='/Help/'>Help Page</a></li>
</ul>
</li>
<li><a href='#'>Files</a>
<ul>
<li><a href='/Repositories/'>Repositories</a></li>
<li><a href="/Files/">Files</a></li>
</ul>
</li>
<li><a href='/SeA/'>Suggest or Add</a></li>
</ul>
</li>
<li><a href='/About/'>About</a></li>
<li><a href='/Contact/'>Contact</a></li>
</ul>
</div>
</div>
/* here*/ <div class="middle">
<p>sample text</p>
</div>
</div>
</body>
</html>
morpr_Db
morpr数据库
-
-
-
/*这里*/
示例文本
p标签应该显示(很抱歉css丢失),但不显示(这里是,但在我的网站中是:c)如果您查看css代码,它会声明:
/* Style the middle column */
.middle {
grid-area: middle;
background-color: #000000;
opacity: 0.9;
margin-top: 20px;
}
因为这意味着黑色的背景色,并且没有显示的文本也是黑色的(并且在
.middle
元素中)-这是一个问题。更改文本颜色或背景颜色。它可能会隐藏,因为文本和背景颜色相似。
试试下面的方法
<p style="color: black">text..</p>
文本
若要了解发生了什么,请使用浏览器“Inspector”工具在DOM中查找元素,并查看其CSS规则。您可以添加CSS或创建JSFIDLE吗?如果我们不能重现这个问题,我们就无法真正帮助您。而且,/*…*/
不是HTML注释标记。。。使用
是的,我刚刚添加了一个,我想它将是css--“谢谢你的快速回复!但我想我解决了这个问题:我在p标签中添加了一个选择器id,然后添加了css颜色:#f1f1;现在它开始工作了!还有什么是JSFIDLE?嗨,欢迎来到堆栈溢出。如中所述,此站点是有用问题及其答案的存储库。您的答案包含在中,但不是很有用,因为它不会增加任何新的价值或信息。请避免写重复的答案。要么编辑答案以增加价值,要么将其全部删除;这将确保网站上的所有问题和答案仍然有用,不会分散/重复。