Browse Source

资源详细信息页面,图片显示不出来的问题

luyanan 8 years ago
parent
commit
322af5ce68
2 changed files with 9 additions and 4 deletions
  1. 1 1
      css/index.css
  2. 8 3
      resourceInfo.html

+ 1 - 1
css/index.css

@ -444,7 +444,7 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
444 444
.resMore p{line-height:2;margin:6px 0;}
445 445

446 446
.resouRight{ width: 20%;}
447
.rightBlock{ min-height: 352px;padding:16px 10px;margin-bottom:10px; background: #FFFFFF;}
447
.rightBlock{ min-height: 340px;padding:16px 10px;margin-bottom:10px; background: #FFFFFF;}
448 448
.proImg{ text-align: center;}
449 449
.proImg img{ width:180px;margin: auto;}
450 450
.proInfo{padding:10px 16px;}

+ 8 - 3
resourceInfo.html

@ -12,7 +12,10 @@
12 12
<link type="text/css" href="css/index.css" rel="stylesheet">
13 13
<link type="text/css" href="css/common.css" rel="stylesheet">
14 14
<link type="text/css" href="css/popup.css" rel="stylesheet">
15
15
<style type="text/css">
16
	.middleImg{background:#FAFAFA;padding:2px;width:296px;height:296px;display: table-cell;vertical-align:middle; text-align:center;overflow: hidden;}
17
	.middleImg .maxImgsize{display:inline-block;vertical-align:middle;max-width: 296px;max-height: 296px;}
18
</style>
16 19
</head>
17 20
18 21
<body>
@ -54,8 +57,10 @@
54 57
	<div class="contentBody clearfix">
55 58
		<div class="resouLeft floatL">
56 59
			<div class="resTop clearfix">
57
				<div class="ResImgBox beforMargin floatL" style="max-width: 300px;width:300px;height: 300px;">
58
					<img class="resImg headRadius" src="images/default-resource.jpg" id="resouImg"/>
60
				<div class="floatL" style="width:300px;height:300px;overflow: hidden;">
61
					<div class="middleImg">
62
						<img class="maxImgsize headRadius" src="images/default-resource.jpg" id="resouImg"/>
63
					</div>
59 64
				</div>
60 65
				<div class="resBrief floatR">
61 66
					<div class="h2Font"></div>