类选择期不起作用

来源:1-4 CSS3照片墙 动画实现

sanye

2015-09-23 22:52

为什么我的类选择器没有作用??????

<html>

<head>

<meta charset="UTF-8" />

<title>照片墙</title>

<style>

body{background:#eee}

h1{text-align:center;color:pink}

.con{width:450px;height:450px}

img{padding:10px 10px 15px;background:#fff;boder:1px solid 


#ddd; position:absolute;top:50px;left:200px}

</style>

</head>

<body>

 <h1>记忆旋转</h1>

<div class="con">

<img src="file:///C:/Users/yjj/Desktop/css照片


墙/picture/IMAG0187.jpg" />

</div>

</body>

</html>


写回答 关注

1回答

  • 超俗气的沫子
    2015-09-24 10:53:45

    你用谷歌浏览器审查元素的时候会发现类为con的div长宽是有作用的。应该是你的图片长和宽超过了外层div设置的长和宽,因此并没有效果。

    超俗气的沫子

    解决方法是将你的图片大小设置为与类为con的div相同的宽高,或者将图片样式设置为镶嵌在div内,后者要考虑兼容的问题,前者简单粗暴一些。

    2015-09-24 10:56:19

    共 1 条回复 >

CSS3绚丽照片墙

CSS3属性轻松实现绚丽照片墙效果,展示不同位置不同角度多张照片

56605 学习 · 63 问题

查看课程

相似问题