初学HTML+CSS遇到问题
我使用360浏览器7.1。（用appserv2.6作为服务器）下面是index.html文件内容，所在目录为appserv/www/my.../。内容很简单只包含一个图片...
我使用360浏览器7.1。（用 appserv2.6 作为服务器）
下面是 index.html 文件内容，所在目录为appserv/www/my.../。内容很简单只包含一个图片。style里只有一个命令就是旋转30度。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style> （或者把style 写在css里，效果一样）
img:hover { -webkit-transform: rotate(30deg);
}
</style>
</head>
<body>
<img title="A little Einstein" id="math" src="math.jpg" alt="A little Einstein" />
</body>
</html>
如果双击打开或者通过ip地址 localhost/my... 打开有鼠标悬停效果。如果用本地 ip 地址192.168.*.101/my... 打开没有鼠标悬停效果。用映射到局域网的 Ip 地址 172.16.*.33/my... 打开也没有悬停效果。这些ip地址都能访问该文件。统一局域网主机（用360浏览器）访问该网页，也没有悬停效果。
PS: chrome浏览器没发现问题。都能访问并且有悬停效果。考虑兼容性，style 的另一种写法是 img:hover { -webkit-transform: rotate(30deg);transform: rotate(30deg);-moz-transform: rotate(30deg);但实验结果是一样的。
----------------------------------------------------
另外还有一个F12问题。双击打开或者通过ip地址 localhost/my... 打开主页，按F12，出来的是位于网页下方的“元素查看窗口”，图1（一般网页打开的也是该窗口）。（chrome 在右侧打开该窗口）但是192.168.*.101/my... 和 172.16.*.33/my...打开主页再按F12，出来的是“开发人员工具”。（图2）
PSS: 网页标签上有个图标。之前有<link>，后来删除了，但是图标还在。
PS：这里的悬停效果是指：图片顺时针旋转30度。 展开
下面是 index.html 文件内容，所在目录为appserv/www/my.../。内容很简单只包含一个图片。style里只有一个命令就是旋转30度。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style> （或者把style 写在css里，效果一样）
img:hover { -webkit-transform: rotate(30deg);
}
</style>
</head>
<body>
<img title="A little Einstein" id="math" src="math.jpg" alt="A little Einstein" />
</body>
</html>
如果双击打开或者通过ip地址 localhost/my... 打开有鼠标悬停效果。如果用本地 ip 地址192.168.*.101/my... 打开没有鼠标悬停效果。用映射到局域网的 Ip 地址 172.16.*.33/my... 打开也没有悬停效果。这些ip地址都能访问该文件。统一局域网主机（用360浏览器）访问该网页，也没有悬停效果。
PS: chrome浏览器没发现问题。都能访问并且有悬停效果。考虑兼容性，style 的另一种写法是 img:hover { -webkit-transform: rotate(30deg);transform: rotate(30deg);-moz-transform: rotate(30deg);但实验结果是一样的。
----------------------------------------------------
另外还有一个F12问题。双击打开或者通过ip地址 localhost/my... 打开主页，按F12，出来的是位于网页下方的“元素查看窗口”，图1（一般网页打开的也是该窗口）。（chrome 在右侧打开该窗口）但是192.168.*.101/my... 和 172.16.*.33/my...打开主页再按F12，出来的是“开发人员工具”。（图2）
PSS: 网页标签上有个图标。之前有<link>，后来删除了，但是图标还在。
PS：这里的悬停效果是指：图片顺时针旋转30度。 展开
展开全部
不需要记住的，一般这些太长了，很少又能记住的，直接用dreamweaver弄就好了。
你是不是就像做纯美工，如果是的话就不用对asp.net 有很深的的了解，大概的标签和属性知道一些就好了。接下来学习一下javascript和jquery很有必要的哦。
最好在了解一下新技术，heml5等。
你是不是就像做纯美工，如果是的话就不用对asp.net 有很深的的了解，大概的标签和属性知道一些就好了。接下来学习一下javascript和jquery很有必要的哦。
最好在了解一下新技术，heml5等。
追问
我讲的不是 asp.net！这是纯html文件。代码没有任何问题！是360浏览器在不同情况下打开同一个网页效果不一样。我怀疑是不是服务器的问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
从F12看起来应该是两种方法用了不同的内核，上边的是chrome，下边的是IE内核，应该还是兼容问题吧。
你提到的考虑兼容性修改的代码还是没有适配IE...添加 -ms-transform: rotate(30deg); 试试
你提到的考虑兼容性修改的代码还是没有适配IE...添加 -ms-transform: rotate(30deg); 试试
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
指鼠标放到图片上，transform:rotate(30deg)指旋转30度，3对transform分别兼容不同浏览器！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
