Question

当我在firefox或chrome或任何东西中运行时，由于某种原因，它仍然显示为15px白色左边框和10px白色顶边框。这或许与使用数字有关吗？（我现在还很新）

＆＃13;

    .crossbgimage > figure {
	  animation: imageAnimation 30s linear infinite 0s;
	  backface-visibility: hidden;
	  background-size: cover;
	  border: 0;
	  color: transparent;
	  height: 100%;
	  opacity: 0;
	  position: absolute;
	  width: 100%;
	  z-index: 0;
	}

	.crossbgimage > figure:nth-child(1) { background-image: url('images/BWlandscape2.jpg'); }
	 
	.crossbgimage > figure:nth-child(2) {
	  animation-delay: 6s;
	  background-image: url('images/BWlandscape3.jpg');
	}
	 
	.crossbgimage > figure:nth-child(3) {
	  animation-delay: 12s;
	  background-image: url('images/BWlandscape4.jpg');
	}
	
	.crossbgimage > figure:nth-child(4) {
	  animation-delay: 18s;
	  background-image: url('images/BWlandscape5.jpg');
	}
	
	.crossbgimage > figure:nth-child(5) {
	  animation-delay: 24s;
	  background-image: url('images/BWlandscape6.jpg');
	}


    @keyframes imageAnimation {  0% {
	 animation-timing-function: ease-in;
	 opacity: 0;
	}
	 8% {
	 animation-timing-function: ease-out;
	 opacity: 1;
	}
	 17% {
	 opacity: 1
	}
	 25% {
	 opacity: 0
	}
	 100% {
	 opacity: 0
	}
	}

＆＃13;

 <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" type="text/css" href="CSS/bgtest.css">
<head>
    <title>LC</title>
</head>
<body>
  <div class="crossbgimage">
    <figure></figure>
    <figure></figure>
    <figure></figure>
    <figure></figure>
    <figure></figure>
  </div>
</body>

＆＃13;

所以我的问题是，这些边界从何而来？这是图自动还是忘记定义的东西？我一直盯着这个看了一会儿而且看不到它。）

为什么这些边界仍然可以展示

0 个答案: