有一个奇怪的问题,IE不想在我的HTML中遵守SVG的视图框大小.
viewBox="0 0 1000 563"
Run Code Online (Sandbox Code Playgroud)
它适用于我尝试的所有其他浏览器,但在Windows上的IE上失败(我运行Win 8.1 w/IE 11.0).它似乎在Win10上的IE/Edge上工作,即使在IE <11兼容模式下也是如此.
我真的不明白如何解决这个问题,但我已经读过IE确实有查看框和大小的问题.但我找不到办法解决它.
如果有人有任何想法我可以解决这个问题,那么请告诉我.
以下是有问题的代码,以及2个显示正确(firefox)和错误呈现(IE)的打印屏幕.
码:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 563">
<image class="trinn2" width="100%" height="100%" xlink:href="http://dummy.url"></image>
<a xlink:href="http://dummy.url">
<path class=" poly " d="M718,467 L714,414 L656,412 L658,468 Z" id="poly_7557"></path>
</a>
<a xlink:href="http://dummy.url">
<path class=" poly " d="M588,468 L656,465 L656,411 L585,410 Z" id="poly_7559"></path>
</a>
<a xlink:href="http://dummy.url">
<path class=" poly " d="M484,410 L484,472 L586,468 L586,410 Z" id="poly_7560"></path></a><path class=" solgt poly " d="" id="poly_7561"></path>
<a xlink:href="http://dummy.url">
<path class=" poly " d="M846,369 L849,417 L789,416 …Run Code Online (Sandbox Code Playgroud) 当用户单击按钮时,我正在使用此jQuery脚本为div打开/关闭动画:http: //www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm
有没有办法让它向上滑动而不是向下滑动?
我的意思是:不是DIV向下打开(延伸它下面的区域),它是否有可能将内容扩展到它上面,以便它不会向下延伸?
Blarh,我发现很难形容.
例:
Before:
1###TOP OF PAGE###
2#################
3#################
4#################
5#################
6######BUTTON#####
7###HIDDEN DIV####
8##BOTTOM OF PAGE#
After:
1###TOP OF PAGE###
2#################
3######BUTTON#####
4#####OPEN DIV####
5####CONTENT######
6####CONTENT######
7####CONTENT######
8##BOTTOM OF PAGE#
Instead of like this, as default:
1###TOP OF PAGE###
2#################
3#################
4#################
5#################
6######BUTTON#####
7#####OPEN DIV####
8####CONTENT######
9####CONTENT######
10###CONTENT######
11#BOTTOM OF PAGE#
Run Code Online (Sandbox Code Playgroud)
对不起我的蹩脚解释,但我希望你理解:P
谢谢!