javascript - 添加 <script> 元素时 CSS 翻译转换停止工作-6ren

javascript - 添加 <script> 元素时 CSS 翻译转换停止工作

转载作者：太空宇宙更新时间：2023-11-03 18:00:32

25

4

<!DOCTYPE html>
<html>
    <head>  
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="assign0CSS.css">
        <title> Songs </title>


    </head>
    <body>

        <div id='headerBar'>

        </div>
        <div id="everything" >

            <div id="loginContainer">
                <div id='topPart'>
                        <h2 id="Welcome"> Welcome   <img  id="add" src="add.png" alt="login" > </h2>

                </div> 
                <form action="#" method= "POST" id="login" name="login">
                    <input type="text" id="Username" name="Username" placeholder="Username"> <br />
                    <input type="password" id="Password" name="Password" placeholder="Password"> <br />
                    <input type="submit" id="SubmitForm" value="Sign In">
                </form>
            </div>
        </div>

        <div id="everything2" >

            <div id="notRegistered" >

                <div id="topPart2">

                        <h2 id='Welcome2' >First time? <img  id="heart" src="heart.png" alt="heart" > </h2>
                </div>

                    <form action="#" method= "POST" id="register" name="register" onSubmit="return validateForm()">

                        <input type="text" id="emailAddress" name="emailAddress" placeholder="Email Address" style="margin-top : 2px;" > <br />

                        <input type="text" id="username2" name="username2" placeholder="Username"> <br />

                        <input type="password" id="password2" name="password2" placeholder="Password"> <br />

                        <input type="password" id="password22" name="password22" placeholder="Confirm Password"> <br />

                        <input type="submit" id="signUp" name="signUp" value="Sign up" > <br />

                    </form>


            </div>
        </div>


        <div id="rightSide">

            <h2 id="SOTW" > Songs of the week </h2>

             <img id="pic1" src="allOfMe.jpg" alt="pic1" >   
             <img id="pic2" src="problem.jpg" alt="pic2" > <br /> 
             <img id="pic3" src="maps.jpg" alt="pic3" > 
             <img id="pic4" src="stayWithMe.jpg" alt="pic4" > <br />

        </div> 


    </body>
</html>

所以我有这个代码作为我的主页，在我的 CSS 中，我有一些像这样的过渡

#everything, #everything2
{

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;

            -ms-transform: translatey(20px); /* IE 9 */
    -webkit-transform: translatey(20px); /* Chrome, Safari, Opera */
    transform: translatey(20px);

        -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;


}

只要我在我的主页上添加一个脚本标签过渡停止工作但淡入继续工作我不知道为什么谢谢!

最佳答案

我遇到了同样的问题。以下解决方案对我有用。改变

<link rel="stylesheet" type="text/css" href="assignOCSS.css" />

进入

    <?php 
    $random = rand(0,999999);
    echo '<link rel="stylesheet" href="assignOCSS.css'.$random.'">';
    ?>

哦，如果你服务器上的样式表隐藏在 map 的某个地方，那么把它变成这样:

    <?php 
    $random = rand(0,999999);
    echo '<link rel="stylesheet" href="www.mydomain.com/myfolder/assign0CSS.css'.$random.'">';
    ?>

我希望这对你也有用!

关于javascript - 添加 <script> 元素时 CSS 翻译转换停止工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25556807/

25

4

0

文章推荐： c# - 事件是否在另一个线程中运行？ (.Net Compact Framework)

文章推荐： ruby-on-rails - 模块还是继承？

文章推荐： c# - 否定表达式树中的方法调用

SQL语句执行深入讲解（MySQL架构总览->查询执行流程->SQL解析顺序）
前言：一直是想知道一条SQL语句是怎么被执行的，它执行的顺序是怎样的，然后查看总结各方资料，就有了下面这一篇博文了。本文将从MySQL总体架构--->查询执行流程--->语句执
javascript - 哪个更好 : <script type ="text/javascript">. ..</script> 或 <script>...</script>
哪个更好用或者更方便: ... 或 ... 最佳答案你真的需要类型属性吗？如果您使用的是 HTML5，则不会。否则，是的。 HTML 4.01 和 XHTML 1.0 指定了 type属性是必需的，
javascript - 哪个更好 : <script type ="text/javascript">. ..</script> 或 <script>...</script>
哪个更好用或者更方便: ... 或 ... 最佳答案你真的需要类型属性吗？如果您使用的是 HTML5，则不会。否则，是的。 HTML 4.01 和 XHTML 1.0 指定了 type属性是必需的，
shell - 为什么 [ a -gt b ] (不是 [ "$a"-gt "$b"])似乎有效？
我在 unix shell 脚本中遇到了一个问题。让我用一个非常简单的例子来问你。假设，我正在获取用户输入并比较两个数字。 echo "Enter the first number" read a
javascript - <title></title> 元素中的上标文本
是否可以在中制作文本？上标？如果是，怎么办？ Meraki Baked Goods (Post 7: Dad's 50th) 最佳答案以下似乎对我有用: Dad's 50ᵗʰ
c# - <script>...</script> 在转发器控制代码中未显示在页面呈现的源代码中
我有一个转发器控件，其中部分没有出现。 “Display”存储的代码设置如下: item.Display = " AudioPlayer.embed('ffcedea7-4822-465f-
.NET .resx 文件 : why does name attribute often start with >>
在许多 .resx 文件中，我遇到了这样的事情: OurLabel 我的问题是:为什么属性name在许多情况下 - 但并非总是如此 - 从 >> 开始? 最佳答案您在 Winfo
javascript - 如何将代码添加到 <script> </script> 中
我正在尝试将代码添加到脚本中，但它不起作用 var script= document.createElement('script'); script.type= 'text/javas
javascript - <script> </script> block 中空格的规范化
我想编写正则表达式来读取 block 内的数据在 HTML 中。作为脚本，我认为空白具有灵 active 。为了使我的正则表达式模式健壮，我必须预测不同数量的空白。也许有比在我的模式中放置许多空白匹
javascript - 有没有办法让标题中的文本等于 <title></title> 中定义的页面标题？
基本上，我讨厌必须更改标题代码以及位于中的页面标题。 header 中的标签....我可以使用 JavaScript 或 HTML 来自动设置某个标题中的内容是否等于页面标题？最佳答案是的，
python - 在特定的 <script> </script> 标记之间提取
我可以使用以下代码提取所有标签。但是，我不知道如何在之间查看内部。和标签。特别是，假设我只想要这一部分(中间还有更多内容，但我对此不感兴趣): var quoteData
javascript - 通过标题覆盖 <title>TITLE</title>
有什么方法可以覆盖无法直接编辑的页面标题，只能在页眉中添加 Javascript？我不能直接编辑的行是: Title of the page 我能想到的解决这个问题的唯一方法是在我可以通过我的门户后
javascript - 如何将<script></script>集成到fancybox2的content方法中
我正在尝试在 fancybox 的内容方法中加载 javascript 内容。 $('#streaminput').on("click", function() { $('#streaminpu
php - 为什么PHP对AJAX的响应包含<script> aBunchOfJavascriptHere </script>？
我试图在 2 小时内解决这个问题，但运气不佳，也许这不是那么技术性，但我需要帮助! 我有一个 AJAX 脚本，需要将 GET 请求发送到同一页面上的 php 脚本。PHP 脚本这样终止 i
php - 如何创建表单来删除 <script></script> 标签并删除该标签之间的内容或脚本？
如何创建表单来删除标签并删除标签之间的内容或脚本。请任何人为我制作一份表格(我已经问过这个问题，但没有找到任何有用的答案。) 像这样的形式:(此形式仅删除标签，不删除text标签之间的脚本) //
HTML5 <header>
<footer> 简单堆叠
我现在已经为此苦苦挣扎太久了。我想做的只是简单地堆叠后续内容，就像您将一张 1 列 3 行的表格一样。我试图放弃旧的 HTML 和 CSS 方法，转而采用首选的 HTML5 页面结构方法。像这样.
javascript - 从聊天框在 <title></title> 中创建新消息通知
我正在尝试为 my chat box 创建通知，当有人向您发送新消息时，会在“谈话”标题旁边看到。我尝试过多种方法，但从来没有成功过。 a busy cat http://goawaymom.com/
javascript - <script> 里面 <script> 无法弄清楚我该怎么做
我最初并不期望需要调用除 Iframe 之外的任何内容，但显然我错了。这是我的代码，您可以看到为什么它破坏了脚本中的脚本-/脚本有什么方法可以解决这个问题？ $ad_blocks = arra
html - 如何在 <iframe> 之上叠加 <textarea>？
我希望能够在正在播放的视频之上使用全屏文本区域。我以为 position: fixed;顶部:0；可能有效，但没有。 HTML CSS * { box-sizing: border-box;
javascript - 如何加载外部JS文件并在Moodle页面的<script></script>中调用？
我找到了how to load external JS file into moodle?但这并不能解决我的问题。我必须加载一个外部 JS 文件，因为它是 VOD 服务的播放器。必须在中调用它

首页

博学

6Ren·AI

商城

javascript - 添加 <script> 元素时 CSS 翻译转换停止工作