问答详情
源自:2-4 CSS3边框 为边框应用图片 border-image

为什么我在添加边框图片的基础上给div加了个背景颜色,然后div的背景颜色会覆盖到边框外面呢

<style type="text/css">

div{border:70px solid #ccc; width:210px; height:210px;

border-image:url(52e220be0001cef603560358.jpg) 70 round; 

background-color:#FF0000 }

</style>

</head>

<body>

<div class="img">11111111111111</div>

http://img.mukewang.com/587df6b00001a8d603520353.jpg

提问者:慕粉4169047 2017-01-17 18:49

个回答

  • To_be_a_master
    2017-01-17 19:39:57

    你可以这么理解,你定义了一个 高度 宽度一定的具有红色背景颜色的盒子模型 在盒子模型上添加了 边框背景 由于边框背景优先级 大于背景颜色 所以 边框背景部分 会覆盖盒子模型的红色背景,而其他没有被覆盖的部分 依然会显示