13518219792
不能，这与你的浏览器工作环境有关，与css无关，css仅仅是控制样式的，而不是控制行为的，你这种中英文切换是行为，css无法实现。
为钟祥等地区用户提供了全套网页设计制作服务，及钟祥网站建设行业解决方案。主营业务为成都做网站、成都网站设计、钟祥网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
通过jquery的show()和hide()函数联合使用，实现弹出窗口。
一、show（）和hide（）函数解析：
1、show() 方法显示隐藏的被选元素。
注意：show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素（不适用于通过 visibility:hidden 隐藏的元素）。
2、hide() 方法隐藏被选元素。
这与 CSS 属性 display:none 类似，但是隐藏的元素不会被完全显示（不再影响页面的布局）。
二、设计一个HTML页面，包括一个简单的弹出窗，和一个显示按钮。其中，调用了jquery的以上两个函数。具体代码如下：
三、设计遮罩层的样式，如下：
四、弹出窗口的css样式，代码如下：
五、初始页面如下：
六、点击按钮，查看弹出窗口结果：
七、关闭弹出窗后，打开开发者中心，如下：
编写div+css弹窗，首先单独的div+css是无法完成的，需要通过JS或者是JQ，这里用JS为例，弹窗的实现就是通过js的alert方法来实现的，可以通过给一个链接一个点击事件，然后实现弹窗实现，具体通过代码来实现：
html
head
/head
script
function dd(){
alert('我是弹出内容');
}
/script
body
a href='地址' onclick = "dd"点我出弹窗/a
/body
/html
flex-box 弹性布局可以实现的效果：自适应布局，效果图如下：
代码如下：
!DOCTYPE HTML
html
head
meta charset="utf-8"
title flex box 弹性布局 /title
meta name="Keywords" content=""
meta name="Description" content=""
style type="text/css"
html,body{height:100%;margin:0;}/*需要添加高度控制，否则无法撑满整个屏幕*/
body{
display:-webkit-box;
-webkit-box-orient:vertical;/*按照垂直方向上进行自适应处理*/
}
.content{-webkit-box-flex:1;/*分配剩余的所有空间*/} .header{height:50px;min-width:500px;}/*顶部模块高度定死*/
.logo{width:100px;height:50px;background:#99f;}/*为区分模块，设置了背景色 logo部分固定宽高*/
.nav{height:50px;background:#ccc;}/*nav模块不固定宽度*/
.content{min-height:100px;}/*为防止之后的调整窗口大小是出现影响视觉效果的问题，特设置最小高度*/
.content,.header{display:-webkit-box;/*为content,header部分也添加box的展示模式*/}
.nav{-webkit-box-flex:1;}
.con2{-webkit-box-flex:1;}
.con1{width:200px;background:#f99;}/*固定宽度，高度不定*/
.con2{min-width:200px;background:#999;}/*同上的min-height*/
.con3{width:100px;background:#9f9;}/*固定宽度，高度不定*/
.footer{height:50px;min-width:500px;background:#ccc;}/*固定高度*/
/style
link href="" style="text/css" rel="stylesheet"/
/head
body
div class="header"
div class="logo"logo部分，宽高固定/div
div class="nav"nav部分，高度固定，宽度自适应/div
/div
div class="content"
div class="con1"内容初始化第1模块/div
div class="con2"内容初始化第2模块/div
div class="con3"内容初始化第3模块/div
/div
div class="footer"底部，宽度不定，高度固定/div
/body
/html
