Figcaption过渡bug(Mozilla,Edge,IE)

时间:2017-05-27 23:59:27

标签: html css css3

我有一些图片,:hover效果figcaption translateY应该figcaption,在Chrome上效果很好,但在其他浏览器上显示的是 <div class="col-md-4 col-sm-6 col-xs-12"> <figure> <img src="img/hidrau.png" alt="Hidraurio Mangueiras Hidraulicas" class="img-responsive"> <figcaption> <a href="http://hidrauriomangueiras.com.br" target="_blank"><button >Visitar</button></a> <a href="https://github.com/tiagosilveiraa/hidraurio" target="_blank"><button >Github</button></a> </figcaption> </figure> </div> 默认你怎么看下面。哪里我错了?如果您想亲眼看到我的网站,我的网站即播出:https://tiagosilveiraa.github.io

其他浏览器的错误:

右Chrome:inserir a descrição da imagem aqui

HTML:

#portfolio figure{
  display: table;
  position: relative;
  overflow: hidden;
  padding-bottom: 15px;
}

#portfolio img{
  width: 100%;
  max-width: 100%;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

#portfolio figure figcaption{
  overflow: hidden;
  position: absolute;
  bottom: -80px;
  height: 80px;
  width: 100%;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  color: white;
  background-color: #292929;
  text-align: center;
  justify-content: center;
  padding-top: 15px;
}
#portfolio figure:hover figcaption {
  transform: translateY(-90px);
  -webkit-transform: translateY(-90px);
  -moz-transform: translateY(-90px);
  -ms-transform: translateY(-90px);
}
#portfolio figure:hover img {
  opacity: 1;
  transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
}

CSS:

from sys import argv
script, filename = argv

print (f"We are going to erase {filename}")
print ("If you don't want that, press CTRL + C")
print ("if you want that, press ENTER")
input("?  ")

print("Opening the file.......")
target = open(filename,"w+")

print("Truncating the file....")
target.truncate()
print("Finished Truncating")

print("Gimme 3 lines...")

Line1 = input("Line 1:  ")
Line2 = input("Line 2:  ")
Line3 = input("Line 3:  ")

print("Writing these lines to the file")

target.write(Line1 + "\n")
target.write(Line2 + "\n")
target.write(Line3 + "\n")


print ("Finally, we close it")
target.close

input("Do you want to read the file now?")
print(target.read())

0 个答案:

没有答案