新建一个HTML文件，命名为test.html，用于实现在透明框上显示文字。
在test.html页面，使用div元素和p元素布局，实现div内包含p元素段落文本。代码如下：
设置最外层div类选择器为background，同时设置内层的div类选择器为transbox，用于CSS中对相应的div进行样式定义。
使用CSS设置最外层的div样式，主要定义其宽度为400px，高度为266px，同时设置其背景为一张图片。
使用CSS设置class为transbox的div为透明框。主要设置其宽度为338px，高度为204px，并且使用opacity设置其透明度0.6，为了兼容IE，还需要使用filter再次设置其透明度。
再使用CSS对透明框内的文字进行样式设置，例如，设置其字体、行高、字体颜色等。
由运行的结果可以看出，成功使用CSS实现在透明框上显示文字。
2、首先给input框添加“#7FCC0B”颜色的边框，设置宽度和高度即可，给button按钮设置白色的字体和“#7FCC0B”的背景颜色即可完成：
3、按crtl+s，在软件的右侧即可看到最终的效果。以上就是用html制作搜索框的演示：
你好，大千世界是没有透明这种颜色，所以CSS无论设置背景颜色还是什么颜色都没有透明。不过你可以设置CSS的透明度。
#div {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}一样可以达到透明的效果，希望可以帮到你。
首先创建一个基础的html文件。
保存后使用浏览器查看,即可看到html的页面中背景的透明度就是设置的0.1。