Javascript 当文本字段为空且没有光标(onnfocus)时,将背景变为透明

Javascript 当文本字段为空且没有光标(onnfocus)时,将背景变为透明,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,当文本字段为空且没有光标时,文本字段将变为透明,拼写检查器将不工作。显示结果的窗口要稍微向左 该代码使用CSS或JavaScript或PHP编写 <form method="post" name="tasktitleform"> <input id="Search" class="search" type="text" name="Search" contenteditable="true" spellcheck="true" /> <input class

当文本字段为空且没有光标时,文本字段将变为透明,拼写检查器将不工作。显示结果的窗口
要稍微向左

该代码使用CSS或JavaScript或PHP编写

<form method="post" name="tasktitleform">
  <input id="Search" class="search" type="text" name="Search" contenteditable="true" spellcheck="true" />
  <input class="save" value="submit" type="submit" />
</form>

页脚代码没有粘在窗口下。这就是我从谷歌复制的方式,只是把颜色改成浅黄色


在这个拼写检查中,CSS不起作用,IE不起作用。

你的问题不清楚。根据您的问题标题,下面是用于更改focus和focusout事件不透明度的jquery代码段

    $("#tbx").focus(function(){
      $(this).css("opacity","1");
   });
   $("#tbx").focusout(function(){
     if($(this).val()=="")
    $(this).css("opacity","0.6");
  });

jsFIDLE sample

您的问题很难理解。请更清楚。我知道您在使用IE时遇到了问题。为了实现跨浏览器兼容性,您必须使用以下css值来处理IE版本7、8和9,-ms过滤器:“progid:DXImageTransform.Microsoft.Alpha(不透明度=60)”;过滤器:α(不透明度=60);不透明度:0.6;其次,不要使用更新的jquery。您可以从IE的开发控制台测试jquery是否工作。据我测试,jquery 1.8.3对于IE来说是稳定的。我在这里为您的问题提供了一个没有JSFIDLE的示例,并使用IE.OMG进行了测试!如果文本框确实是自动聚焦的,则可以将初始不透明度设置为100%。若要在任何按键上聚焦到输入框,请尝试使用$(document).keydown(function(){$(“#tbx”).focus()});在文档就绪范围内。我更新了解决方案,您可以检查它,显示焦点提交可以通过添加“$”(“输入[type='submit']”)来实现。show();`焦点内事件处理程序和“$”(“输入[type='submit']”)。隐藏()in-focusout事件处理程序。如果文本框是自动对焦的,请删除
display:none来自提交的css。您的问题不清楚,如果此问题与您以前的问题(即使在一个html页面内)无关,请作为新问题发布,并提供更多详细信息。您不应将评论区用作实时聊天。