小编HTM*_*Man的帖子

如何在悬停时更改图像的颜色

我需要改变图像的背景颜色.图像是带有白色背景的圆形图像,当您将鼠标悬停在其上时,我需要将圆形图像的背景更改为蓝色.我只需要改变圆圈.

我的HTML代码是

<div class="fb-icon">
<a href="http://www.facebook.com/mypage" target="_blank">
<img src="images/fb_normal.png" alt="Facebook">
</a>
</div>
Run Code Online (Sandbox Code Playgroud)

在CSS中我写道:

.fb-icon:hover {
    background: blue;
}
Run Code Online (Sandbox Code Playgroud)

上面的代码给我蓝色,但作为圆圈图标周围的框架.我需要的是改变圆圈本身的背景.想象一下,当你用鼠标悬停它时,它就像一个信号它是白色的.

如果可以通过CSS或其他方式完成,我需要一个解决方案.对不起,如果我做得太久了.

问题:链接

html css

10
推荐指数
1
解决办法
13万
查看次数

如何隐藏联系表格并显示"已发送!" 成功发送后

我在WordPress模板中使用Contact Form 7插件.我创建了表单和相关的CSS,所以一切正常.我需要执行以下操作,当我单击"发送"按钮并且我已成功发送电子邮件时.表格应该消失并显示"已发送!" 而不是那个.我需要知道我需要更改的代码.请参阅显示我喜欢做的照片

在此输入图像描述

wordpress wordpress-plugin

9
推荐指数
3
解决办法
3万
查看次数

如何使用Angularjs 1.6在同一页面中显示动态内容?

我是Angular的新手.我需要使用AngularJS 1.6从JSON文件渲染动态内容.这就是我所拥有的.

News.json

   {
  "Articles": [
    {
      "Title": "News 1",    
      "Abstract": "News 1 abstract ...",
      "Body": "News 1 starts here.... ",
      "Comments": [
        {
          "comment 1" : "Comment 1 goes here",
          "comment 2" : "Comment 2 goes here",
          "comment 3" : "Comment 3 goes here"
        }]
    },

    {
      "Title": "News 2",
      "Abstract": "News 2 abstract ... ",
      "Body": "News 2 starts here...",
      "Comments": [
        {
          "comment 1" : "Comment 1 goes here",
          "comment 2" : "Comment 2 goes here"
        }] …
Run Code Online (Sandbox Code Playgroud)

html javascript json angularjs

7
推荐指数
1
解决办法
1026
查看次数

如何在用户登录asp.net之前隐藏Master页面的菜单

我创建了一个带导航栏的母版页.我将索引页面作为登录页面,因此我使用在主页面下注册的index.aspx中的登录控件.

现在我的问题是如何在用户登录之前隐藏主页中的导航栏,用户成功登录后导航栏应该出现

navigation asp.net master-pages

6
推荐指数
1
解决办法
2万
查看次数

如何在同一列中的两个DIV之间建立间隙

我有两段.这两段落在同一列中.现在我的问题是我需要将两个段落放在两个单独的框中,相互之间.换句话说,两个盒子之间的间隙相互下降.

HTML代码

    <div class="sidebar">

                <div class="box1">
                    <p> 
                    Text is here
                    </p>
                </div>

                <div class="box2">
                    <p> 
                    Text is here 
                    </p>
                </div>

     </div>
Run Code Online (Sandbox Code Playgroud)

我的CSS代码是

.sidebar {
    background: red;
    margin: 10px;
    padding: 0 7px 0 7px;
    width: 400px;
    border-radius: 10px;
}

.box1 {
    display: block;
    padding: 10px;
    margin-bottom: 30px;
    text-align: justify;
}

.box2 {
    display: block;
    padding: 10px;
    text-align: justify;
}
Run Code Online (Sandbox Code Playgroud)

像这儿 在此输入图像描述

html css

5
推荐指数
1
解决办法
11万
查看次数