無法正常顯示，希望能幫我看下代碼哪里有問題

body{background-color:?#eee;}
	h1{text-align:?center;}

	.container{width:?900px;?
		height:?450px;?
		margin:?60px?auto;?
		position:?relative;?}

	img{width:?200px;?
		height:?200px;?
		padding:?10px?10px?15px?10px;?
		background-color:?white;
		border:?1px?solid?#ddd;?
		position:?absolute;?
		transition:?1s;?
		z-index:?1;
	}

????img:hover{-webkit-transform:?rotate(0deg);
		-moz-transform:?rotate(0deg);
		transform:?rotate(0deg);
		-webkit-transform:?scale(1.2);
		-moz-transform:?scale(1.2);
		transform:?scale(1.2);?
		box-shadow:?10px?10px?15px?#ccc;
		z-index:?2;}



.pic1{top:?45px;?left:?100px;?-webkit-transform:?rotate(20deg);-moz-transform:?rotate(20deg);transform:?rotate(20deg);}
.pic2{top:?70px;?left:?220px;?-webkit-transform:?rotate(20deg);-moz-transform:?rotate(20deg);transform:?rotate(20deg);}
.pic3{top:?13px;?left:?310px;?-webkit-transform:?rotate(20deg);-moz-transform:?rotate(20deg);transform:?rotate(20deg);}
.pic4{top:?23px;?left:?400px;?-webkit-transform:?rotate(20deg);-moz-transform:?rotate(20deg);transform:?rotate(20deg);}
.pic5{top:?53px;?left:?490px;?-webkit-transform:?rotate(20deg);-moz-transform:?rotate(20deg);transform:?rotate(20deg);}
.pic6{top:?32px;?left:?580px;?-webkit-transform:?rotate(20deg);-moz-transform:?rotate(20deg);transform:?rotate(20deg);}

<!DOCTYPE?html>
<html>
<head>
	<meta?charset="utf-8"?/>
	<title>CSS?效果墻</title>
	<link?rel="stylesheet"?type="text/css"?href="cssWall.css">
</head>

<body>
	<h1>效果墻</h1>
	<div?class="container">
		<img?class="pic1"?src="1?(1).jpg"?/>
		<img?class="pic2"?src="1?(2).jpg"?/>
		<img?class="pic3"?src="1?(3).jpg"?/>
		<img?class="pic4"?src="1?(4).jpg"?/>
		<img?class="pic5"?src="1?(5).jpg"?/>
		<img?class="pic6"?src="1?(6).jpg"?/>
	</div>
</body>
</html>

朱澤偉

2016-06-07

源自：CSS3絢麗照片墻 1-4

關注問題我要回答

1375

操作

收起

3 回答

LiSten_Tme
2016-06-26

????<link?rel="stylesheet"?type="text/css"?href="cssWall.css">

這里是不是導入錯誤了...我的? link href直接寫不行，然后我瀏覽后引用才可以...

我的代碼是這樣 ??? <link href="stylesheet.css" type="text/css" rel="stylesheet" />

0 回復有任何疑惑可以回復我~

收起回答

一支貓的煩惱
2016-06-07

<!doctype?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
</head>
<style>
????body{background-color:?#eee;}
????h1{text-align:?center;}
?
????.container{width:?900px;?
????????height:?450px;?
????????margin:?60px?auto;?
????????position:?relative;?}
?
????img{width:?200px;?
????????height:?200px;?
????????padding:?10px?10px?15px?10px;?
????????background-color:?white;
????????border:?1px?solid?#ddd;?
????????position:?absolute;?
????????transition:?1s;?
????????-webkit-transition:1s;
????????-moz-transition:1s;
????????z-index:?1;
????}
?
????img:hover{-webkit-transform:?rotate(0deg);
????????-moz-transform:?rotate(0deg);
????????transform:?rotate(0deg);
????????-webkit-transform:?scale(1.2);
????????-moz-transform:?scale(1.2);
????????transform:?scale(1.2);?
????????box-shadow:?10px?10px?15px?#ccc;
????????z-index:?2;}
?
?
?
.pic1{top:?45px;?left:?100px;?-webkit-transform:?rotate(20deg);-moz-transform:?rotate(20deg);transform:?rotate(20deg);}
.pic2{top:?70px;?left:?220px;?-webkit-transform:?rotate(20deg);-moz-transform:?rotate(20deg);transform:?rotate(20deg);}
.pic3{top:?13px;?left:?310px;?-webkit-transform:?rotate(20deg);-moz-transform:?rotate(20deg);transform:?rotate(20deg);}
.pic4{top:?23px;?left:?400px;?-webkit-transform:?rotate(20deg);-moz-transform:?rotate(20deg);transform:?rotate(20deg);}
.pic5{top:?53px;?left:?490px;?-webkit-transform:?rotate(20deg);-moz-transform:?rotate(20deg);transform:?rotate(20deg);}
.pic6{top:?32px;?left:?580px;?-webkit-transform:?rotate(20deg);-moz-transform:?rotate(20deg);transform:?rotate(20deg);}
</style>
<body>
????<div>
????????<img?src="images/test5.jpg"?/>
????????<img?src="images/t6.jpg"?/>
????????<img?src="images/t7.jpg"?/>
????????<img?src="images/t8.jpg"?/>
????????<img?src="images/t9.jpg"?/>
????????<img?src="images/t10.jpg"?/>
????</div>
</body>
</html>

我個人覺得是沒什么問題的。這是從你這復制出來的。只不過是圖片地址換了一下我本地的圖片。