Question

我正在学习CSS，这是我到目前为止编写的代码。我已经使用标签更改了段落的背景颜色，出于某种原因，当我在Firefox中访问网页时，段落的背景并没有改变。奇怪的是，当我将它粘贴在＆＃34;片段＆＃34;时，它在StackOverFlow上运行正常。

＆＃13;

<!DOCTYPE HTML>
<html>
    <style>
	    * {
		  font-family: georgia;
	      line-height: 1.3em;
		  background-color: #F3F4E4;
		  color: black;
		}

		p {
		   font-size: 17px;
           font-style: italic;

		}
		#img1 {
		   width: 750px;
		   
		}
		
		#img2 {
		   width: 600px;
		}
		
		#list {
		   font-size: 25px;
		}
		#list-item, #lala {
           font-family: SignPainter;
		   font-size: 22px;		  
		}
		h2 {
		   font-family: SignPainter;
           font-size: 40px;
		}
		#critics {
		   width: 80%;
		   background-color: red;
		}


	</style>
    <head>
       <title>B to the F</title>
       <p id="list">List</p>
	   <ul id="list-item">
	      <li><a href="#about">About</a></li>
		  <li><a href="#review">Critics</a></li>
	   </ul>
    </head>
       <body>
         <center><h2>Back to the Future</h2></center>
	     <center><img src="http://images5.fanpop.com/image/photos/26500000/Back-To-The-Future-Trilogy-back-to-the-future-26581615-1014-574.jpg" alt="Back to the Future Trilogy" id="img1"></center>
		<h3 id="about">About (Taken from Wikipedia Page)</h3>
		<center><img src="http://apartment3k.com/wp-content/uploads/2015/10/doc-marty.jpg" alt="Doc and Marty" id="img2"></center>
	<div id="critics">
        <p>
		The <span id="lala">Back to the Future</span> franchise is an American science fiction-adventure film series written and directed by Robert Zemeckis, produced by Bob Gale and Neil Canton for Steven Spielberg's Amblin Entertainment, and distributed by Universal Pictures. The franchise follows the adventures of a high school student, Marty McFly (Michael J. Fox), and an eccentric scientist, Dr. Emmett L. Brown (Christopher Lloyd), as they use a DeLorean time machine to time travel to different periods in the history of Hill Valley, California.<br>
         The first film was the highest-grossing film of 1985 and became an international phenomenon, leading to the second and third films, which were back-to-back film productions, released in 1989 and 1990, respectively. Though the sequels did not perform quite as well at the box office as the first film, the trilogy remains immensely popular after a quarter-century and has yielded such spinoffs as an animated television series and a motion-simulation ride at the Universal Studios Theme Parks in Universal City, California; Orlando, Florida (now closed); and Osaka, Japan, as well as a Microsoft Windows, Macintosh, iPad, PS3, and Wii video game. The film's visual effects were done by Industrial Light and Magic. The trilogy was nominated for five Academy Awards all together, winning one (Best Sound Editing).
		</p>
	</div>
		<h3 id="review">Is it any good?</h3>

		<h4>Part I</h4>

		<a href="http://www.rogerebert.com/reviews/back-to-the-future-1985">Roger Ebert</a><br>
		<a href="http://www.imdb.com/title/tt0088763/">IMDb</a><br>
		<a href="http://www.rottentomatoes.com/m/back_to_the_future">Rotten Tomatoes</a><br>

		<h4>Part II</h4>

		<a href="http://www.rogerebert.com/reviews/back-to-the-future-part-ii-1989">Roger Ebert</a><br>
		<a href="http://www.imdb.com/title/tt0096874/">IMDb</a><br>
		<a href="http://www.rottentomatoes.com/m/back_to_the_future_2/">Rotten Tomatoes</a><br>


		<h4>Part III</h4>

		<a href="http://www.rogerebert.com/reviews/back-to-the-future-part-iii-1990">Roger Ebert</a><br>
		<a href="http://www.imdb.com/title/tt0099088">IMDb</a><br>
		<a href="http://www.rottentomatoes.com/m/back_to_the_future_3/">Rotten Tomatoes</a><br>

    </body>
</html>

＆＃13;

Answer 1

#critics {
           width: 80%;
           background-color: red;
        }

喂！您应该尝试使用＃F00而不是红色将背景颜色设置为红色。它可能是基于浏览器的问题。试着粘贴这个：

#critics {
           width: 80%;
           background-color: #F00;
        }

Answer 2

Hy，

如果你可以试试这个：

    #critics {
         background-color: red !important;
        -moz-appearance: none !important;
       }

Answer 3

尝试使用此CSS代码

<style>
    body {
        font-family: georgia;
        line-height: 1.3em;
        background-color: #F3F4E4;
        color: black;
    }

    p {
        font-size: 17px;
        font-style: italic;

    }
    #img1 {
        width: 750px;

    }

    #img2 {
        width: 600px;
    }

    #list {
        font-size: 25px;
    }
    #list-item, #lala {
        font-family: SignPainter;
        font-size: 22px;
    }
    h2 {
        font-family: SignPainter;
        font-size: 40px;
    }
    #critics {
        width: 80%;
        background-color: #ff070c;
    }

</style>

更改div标签中的背景颜色不起作用？

3 个答案: