代码如下

<style>
    .head{
    position: relative;
    }
  input{
    position:absolute;
    width:85%;
    height: 30px;
    text-algin:center;
    border:1px solid #7FCCOB;
    border-radius: 15px;
    margin:15px 20px;
    background-color: #fff;
    opacity: 0.6; // 设置透明度 数字越小透明度越高
}
.photo img{
    width:100%;
    height:200px;
    border-bottom-left-radius: 40%;
    border-bottom-right-radius: 40%;
  overflow:hidden;
 
  }</style>

<div>
    <div class="head">
        <input type="" name="" id="" value="" placeholder="  月饼"/>
    </div>
    <div class="photo">
        <img src="https://main.5iximai.com/attachment/images/3/fuli/120/m3kdK37wVUUK73UkQsdNduS6k308L3.jpg" width="100%" alt="微信图片_20220823154149.jpg"/>
 &nbsp; &nbsp;
    </div>
</div>

html搜索框怎么设置透明度相关推荐

  1. input搜索框 php,html搜索框怎么设置？html搜索框input标签的使用方法实例

    本篇文章主要讲述的是关于HTML 搜索框的设置,还有html 搜索框input标签的一些使用方法实例,接下来就让我们一起来阅读这篇关于html 搜索框的文章吧 首先我们来设置一个简单的搜索框: 这是一 ...

  2. 静态html如何设置搜索框,html搜索框怎么设置？html搜索框input标签的使用方法实例...

    本篇文章主要讲述的是关于HTML 搜索框的设置,还有html 搜索框input标签的一些使用方法实例,接下来就让我们一起来阅读这篇关于html 搜索框的文章吧 首先我们来设置一个简单的搜索框: 这是一 ...

  3. PHP自动搜索框post,php搜索框提示(自动完成)实例代码_PHP教程

    百度的搜索大家都在用,当用户输入文字时,搜索框下面自动提示相关的信息,加强了用户体验,的确不错,那么这个效果是如何实现的呢 先看一下效果图吧,这样更有动力,要不然大家还不知道我在讲什么,到底要达到什么 ...

  4. EasyUI中搜索框的简单使用

    场景 基本搜索框 流式搜索框 搜索框类别 实现 基本搜索框 <!DOCTYPE html> <html lang="en"> <head>< ...

  5. Android系统搜索对话框（浮动搜索框）的使用

    http://www.ideasandroid.com/archives/310 Android系统搜索对话框(浮动搜索框)的使用 作者: ideasandroid 分类: android基础, an ...

  6. android搜索框实现

    http://blog.csdn.net/pengjianbosoft/article/details/6638402 在Map应用中会经常见到一个浮动的搜索框 一般可以搜索附近的POI点信息 而且这 ...

  7. chosen.jquery.js 、chosen-select 源码修改控制 chosen:updated 方法动态更新下拉框选项不更新搜索框值 ，chosen 实现远程搜索加载下拉选项

    chosen.jquery.js .chosen-select 源码修改控制 chosen:updated 方法动态更新下拉框选项不更新搜索框值,chosen 实现远程搜索加载下拉选项 chosen. ...

  8. 如何清除计算机搜索框内的搜索历史记录,win10系统删除搜索框历史记录的操作方法...

    win10系统使用久了,好多网友反馈说关于对win10系统删除搜索框历史记录设置的方法,在使用win10系统的过程中经常不知道如何去对win10系统删除搜索框历史记录进行设置,有什么好的办法去设置wi ...

  9. 更改搜索框内默认文字字体颜色

    HTML:设置一个搜索框中默认文字为"搜索" <input class="inner_search" type="text" name ...

最新文章

  1. pandas读写结构化数据（read_csv,read_table, read_excel, read_html, read_sql）
  2. 原创 | 斯坦福Machine Learning with Graphs 学习笔记(第二讲）
  3. 05_学生管理系统，xml读写，布局的综合应用
  4. python学习-综合练习二（整数和浮点数判断奇偶、质数判断）
  5. Android Studio导出jar包
  6. javafx显示image_JavaFX技巧20：有很多要显示的吗？ 使用画布！
  7. 条件转移指令和无条件转移指令练习
  8. unity3d android aar,Android Stuido导出AAR 给Unity3D调用注意事项
  9. mmap和MappedByteBuffer
  10. HashMap 底层
  11. Flask渲染Jinja2模板
  12. 【田间连着车间、佘太酒业这十年！
  13. [转载]创建、部署和调试 Apache Geronimo 应用程序
  14. HDU 1241 Oil Deposits（石油储藏）
  15. 为什么街上发传单的人会认真发完，却不把传单丢了呢？
  16. ensp路由器启动显示错误40
  17. MySQL数据库的卸载与安装
  18. 关于MySQL联合索引和优化军规
  19. Selective Search学习笔记
  20. 服务器中所有文件夹变只读,我的电脑里全部文件夹属性都变成只读了改也改不过来...

热门文章

  1. Ray 分布式简单教程（1）
  2. centos安装gedit
  3. 自动化采矿的全球与中国市场2022-2028年：技术、参与者、趋势、市场规模及占有率研究报告
  4. 国土资发〔2015〕16号 国土资源部关于进一步加强信息化工作统筹的若干意见
  5. 菜谱管理系统java_无麸质管理食谱
  6. 计算机图书榜 TOP 1，这本书卖疯了。。。
  7. NTBootAutofix:一款极为优秀的自动修复XP/VISTA/WIN7系统引导的工具
  8. Windows下如何给C盘扩容 (已更新提取码)
  9. i513400f和i512400f差距 i5 13400f和i5 12400f区别对比
  10. 浙江工业大学之江学院2017年第0届达内杯A题——qwb与支教