0
A
回答
1
試試這個CSS。這工作。
#wrap {
margin: 39px 60px;
display: inline-block;
position: relative;
/*float: right;*/
padding: 0;
position: relative;
}
input[type="text"] {
height: 60px;
font-size: 55px;
display: inline-block;
font-family: "Lato";
font-weight: 100;
border: none;
outline: none;
color: #555;
padding: 3px;
padding-right: 60px;
width: 0px;
position: relative;
top: 0;
right: 0;
background: none;
z-index: 3;
transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
cursor: pointer;
}
input[type="text"]:focus:hover {
border-bottom: 1px solid #BBB;
}
input[type="text"]:focus form {
width: 700px;
}
input[type="text"]:focus {
width: 700px;
z-index: 1;
border-bottom: 1px solid #BBB;
cursor: text;
}
input[type="submit"] {
height: 67px;
width: 63px;
display: inline-block;
color:red;
/*float: right;*/
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFU1NT9fX1lJSUXl5e1dXVfn5+c3Nz6urqv7+/tLS0iYmJqampn5+fysrK39/faWlp////Vi4ZywAAABF0Uk5T/////////////////////wAlrZliAAABLklEQVR42rSWWRbDIAhFHeOUtN3/ags1zaA4cHrKZ8JFRHwoXkwTvwGP1Qo0bYObAPwiLmbNAHBWFBZlD9j0JxflDViIObNHG/Do8PRHTJk0TezAhv7qloK0JJEBh+F8+U/hopIELOWfiZUCDOZD1RADOQKA75oq4cvVkcT+OdHnqqpQCITWAjnWVgGQUWz12lJuGwGoaWgBKzRVBcCypgUkOAoWgBX/L0CmxN40u6xwcIJ1cOzWYDffp3axsQOyvdkXiH9FKRFwPRHYZUaXMgPLeiW7QhbDRciyLXJaKheCuLbiVoqx1DVRyH26yb0hsuoOFEPsoz+BVE0MRlZNjGZcRQyHYkmMp2hBTIzdkzCTc/pLqOnBrk7/yZdAOq/q5NPBH1f7x7fGP4C3AAMAQrhzX9zhcGsAAAAASUVORK5CYII=) center center no-repeat;
text-indent: -10000px;
border: none;
position: absolute;
top: 0;
right: 0;
z-index: 2;
cursor: pointer;
opacity: 0.4;
cursor: pointer;
transition: opacity .4s ease;
}
input[type="submit"]:hover {
opacity: 0.8;
}
相關問題
- 1. 幻燈片般的搜索框?
- 2. reveal.js標題幻燈片覆蓋
- 3. 簡單的幻燈片導航覆蓋
- 4. jQuery覆蓋/幻燈片實現!
- 5. 如何使JavaScript覆蓋幻燈片?
- 6. 搜索欄的文本框覆蓋
- 7. 尋找一個腳本覆蓋全屏幻燈片
- 8. jquery幻燈片ALT文本
- 9. JavaScript文本幻燈片
- 10. 在JavaScript幻燈片上添加文本右圖幻燈片
- 11. Javascript幻燈片被卡住
- 12. 幻燈片放映幻燈片,其他幻燈片放映幻燈片
- 13. R在幻燈片中生成幻燈片幻燈片
- 14. 在Powerpoint幻燈片的文本框中更改文本
- 15. 使用光滑的幻燈片上的半寬覆蓋
- 16. 在幻燈片中使用onclick覆蓋div - > onclick does not change
- 17. Swift - 幻燈片菜單覆蓋整個屏幕
- 18. Javascript橫幅幻燈片覆蓋海誓山盟頁面加載
- 19. UIkit幻燈片元素覆蓋導航欄
- 20. PowerPoint中所有幻燈片的覆蓋項目
- 21. jQuery的工具幻燈片插件:如何覆蓋默認CONFIGS
- 22. Javascript幻燈片「空白幻燈片」?
- 23. 放映幻燈片內幻燈片
- 24. 暫停JS幻燈片幻燈片
- 25. c動畫幻燈片幻燈片#
- 26. 幻燈片列表幻燈片列表
- 27. 幻燈片中的幻燈片?
- 28. 幻燈片,幻燈片效果
- 29. 圖像幻燈片的JavaScript幻燈片
- 30. 點擊跳過幻燈片幻燈片
所以你想滑動CASTELLANO字也左? –
@Leothelion你好!如果你離開那個移動的幻燈片... – JMF