Html 为internet explorer优化我的站点_Html_Css

Html 为internet explorer优化我的站点

html css

Html 为internet explorer优化我的站点,html,css,Html,Css,我对整个html/css有点陌生，但到目前为止，我设法为我的公文包网站创建了一个像样的页面。事情是这样的，这在InternetExplorer中看起来像垃圾。我试图优化它，使我的css动画工作等等，但我似乎无法使它正常工作 www.thomasteilmann.dk 如果你看一看，你就会明白我的意思。它应该在任何情况下正常工作，但IE除外。如果有人能就如何实现我的目标给我一些建议，那就太好了！：）是的，我知道我的代码很乱：p 以下类别： <html xmlns="http://www.

我对整个html/css有点陌生，但到目前为止，我设法为我的公文包网站创建了一个像样的页面。事情是这样的，这在InternetExplorer中看起来像垃圾。我试图优化它，使我的css动画工作等等，但我似乎无法使它正常工作

www.thomasteilmann.dk

如果你看一看，你就会明白我的意思。它应该在任何情况下正常工作，但IE除外。如果有人能就如何实现我的目标给我一些建议，那就太好了！：）

是的，我知道我的代码很乱：p

以下类别：

<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen" />

    <head>
        <title>thomasteilmann.dk</title>    
    </head>
    <body>

        <div class="header">
            <h1><img src="images/thomas_logo_Web.png" alt="Sick Logo" /></a></h1>
        </div>

    <div id="content">

        <div class="view-first">
            <img src="images/cosmic_art_icon.jpg"/>
            <div class="mask">
                <h2>Cosmic Art</h2>
                <p>A galleri of cosmic art made in Photoshop</p>
                <a href="#" class="info">View</a>
            </div>
        </div>

        <div class="view-second">
            <img src="images/thomas_web.jpg"/>
            <div class="mask">
                <h2>About myself</h2>
                <p>Information about my skills and my personality in general</p>
                <a href="#" class="info">View</a>
            </div>
        </div>

        <div class="view-third">
            <img src="images/web_web.jpg"/>
            <div class="mask">
                <h2>Websites</h2>
                <p>A list of websites i've made/worked on.</p>
                <a href="#" class="info">View</a>
            </div>
        </div>

        <div class="view-fourth">
            <img src="images/ice_age_web.jpg"/>
            <div class="mask">
                <h2>Cartoon Art</h2>
                <p>A galleri of Cartoon art made in Photoshop</p>
                <a href="#" class="info">View</a>
            </div>
        </div>
    </div>

    </body>
</html>

IE，甚至IE9也不支持CSS转换AFIAK。

您的internet explorer使用CSS 2，但在您的代码中使用CSS 3。如果您需要使用此功能，最好的方法是使用javascript/jquery编码，这将在internet explorer中工作。

您的internet explorer使用css 2，但在您的代码中使用css 3。如果您需要使用此功能，最好的方法是使用javascript/jquery编码，这将在internet explorer中起作用。

您是从哪里学会用这种方式编程的？你有一个非常基本的网站和CSS，你有是可怕的不成比例。对于您的特定网站，CSS最多应该有10-20行代码。

我建议你从零开始，遵循这条规则。

你是从哪里学会用这种方式编程的？你有一个非常基本的网站和CSS，你有是可怕的不成比例。对于您的特定网站，CSS最多应该有10-20行代码。

我建议您从头开始并遵循此规则。

第一步：在文件开头包含文档类型声明，例如：

<!DOCTYPE html>

如果不这样做，则会导致出现，这大大增加了IE与其他浏览器之间的差异。

第一步：在文件开头包含文档类型声明，例如：

<!DOCTYPE html>

如果你不这样做，你最终会进入，这大大增加了IE和其他浏览器之间的差异。

并且你的HTML中有错误，比如

上方的

，以及
没有任何匹配的，并更正它发现的所有错误
不同的浏览器对错误的响应不同，因此使其无错误应该是使其与多浏览器兼容的第一步。
并且您的HTML中存在错误，如
上方的和
没有任何匹配的，并更正它发现的所有错误
不同的浏览器对错误的响应不同，因此使其无错误应该是使其与多浏览器兼容的第一步。
您的网站除了混乱的代码之外还有其他问题。你的背景图像太大了，我需要几秒钟的时间才能将其加载到带有有线互联网的新MBP上
你的导航不会让你的用户知道你的图片链接到什么地方，直到他们把鼠标移到上面。您最好使用水平导航，使用文本和较小的缩略图
你的Photoshop gallery图像太小。为什么你甚至有一个“关于我”的部分，里面没有关于你的内容？在深灰色背景上显示黑色文本
在这里，我不想太苛刻。这比我第一次接触HTML和CSS时能够制作的要好，但是你有一些严重的设计缺陷。
你的网站除了乱七八糟的代码之外还有其他问题。你的背景图像太大了，我需要几秒钟的时间才能将其加载到带有有线互联网的新MBP上
你的导航不会让你的用户知道你的图片链接到什么地方，直到他们把鼠标移到上面。您最好使用水平导航，使用文本和较小的缩略图
你的Photoshop gallery图像太小。为什么你甚至有一个“关于我”的部分，里面没有关于你的内容？在深灰色背景上显示黑色文本
在这里，我不想太苛刻。这比我第一次接触HTML和CSS时所能制作的要好，但是你有一些严重的设计缺陷。
好的，谢谢你的快速回答。你知道有什么替代方案吗？它在IE10中可以工作。但没错，转型是未来的汤；如果你现在需要在常用浏览器中使用这种效果，你应该使用脚本动画。好的，谢谢你的快速回答。你知道有什么替代方案吗？它在IE10中可以工作。但没错，转型是未来的汤；如果你需要这种效果在现在常用的浏览器中工作，你应该使用脚本动画。事实上，我从来没有学会如何编写正确的CSS。几周前我刚开始学习网络开发，所以你所看到的一切都是自学的。无论如何，谢谢你，我会记住这个原则的。事实上，我确实有一个想法，那就是它太不成比例了，但我不知道如何用正确的方法来做。我这样做只是为了获得一些经验，也是为了好玩…要看的是将一些重复的规则组合到共享类中。实际上，我从未学会如何编写正确的CSS。几周前我刚开始学习网络开发，所以你所看到的一切都是自学的。无论如何，谢谢你，我会记住这个原则的。事实上，我确实有一个想法，那就是它太不成比例了，但我不知道如何用正确的方法来做。我这样做只是为了获得一些经验，同时也是为了好玩…需要考虑的是将一些重复的规则组合到共享类中。这是真的，但是，由于他的代码是XHTML，XHTML doctype声明最好不要混淆W3C验证程序。是的，虽然这将是一个有效的XHTML5 doctype FWIW。这是真的，但是，由于他的代码是XHTML，XHTMLdoctype声明最好不要混淆W3C验证器。是的，尽管这将是一个有效的XHTML5 doctype FWIW。感谢您的回复。我给它编程了洛杉矶